← Back to Editor

#172525 · #D01B22 · #E1640A · #F6A613 · #4C0B05

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#172525

Slate Blue · Black · Peacock Green

HEX
#172525
RGB
rgb(23, 37, 37)
HSL
hsl(180, 23%, 12%)
HSB
hsb(180, 38%, 15%)
CMYK
cmyk(38%, 0%, 0%, 85%)
Oklch
oklch(25.2% 0.019 196.0)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#D01B22

Vermilion · Crimson · Passion Red

HEX
#D01B22
RGB
rgb(208, 27, 34)
HSL
hsl(358, 77%, 46%)
HSB
hsb(358, 87%, 82%)
CMYK
cmyk(0%, 87%, 84%, 18%)
Oklch
oklch(54.9% 0.211 26.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E1640A

Tangerine · Chocolate · Amber Brown

HEX
#E1640A
RGB
rgb(225, 100, 10)
HSL
hsl(25, 91%, 46%)
HSB
hsb(25, 96%, 88%)
CMYK
cmyk(0%, 56%, 96%, 12%)
Oklch
oklch(64.8% 0.176 47.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F6A613

Ginger · Orange · Warm Sun

HEX
#F6A613
RGB
rgb(246, 166, 19)
HSL
hsl(39, 93%, 52%)
HSB
hsb(39, 92%, 96%)
CMYK
cmyk(0%, 33%, 92%, 4%)
Oklch
oklch(78.4% 0.163 73.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#4C0B05

Vermilion · Maroon · Deep Berry

HEX
#4C0B05
RGB
rgb(76, 11, 5)
HSL
hsl(5, 88%, 16%)
HSB
hsb(5, 93%, 30%)
CMYK
cmyk(0%, 86%, 93%, 70%)
Oklch
oklch(27.3% 0.097 30.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

172525
261818

Analogous

18261F
172525
181F26

Triadic

172525
261826
262618

Split-Comp.

172525
26181F
261F18

Tetradic

172525
1F1826
261818
1F2618

Contrast Matrix WCAG 2.1 Contrast

172525
D01B22
E1640A
F6A613
4C0B05
—
2.9
Fail
4.5
AA
7.8
AAA
1.0
Fail
2.9
Fail
—
1.6
Fail
2.7
Fail
2.8
Fail
4.5
AA
1.6
Fail
—
1.7
Fail
4.4
AA Large
7.8
AAA
2.7
Fail
1.7
Fail
—
7.6
AAA
1.0
Fail
2.8
Fail
4.4
AA Large
7.6
AAA
—
White BG
15.8AAA
5.4AA
3.5AA Large
2.0Fail
15.5AAA
Black BG
1.3Fail
3.9AA Large
6.0AA
10.4AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D25
828020
ABAA20
D3D337
302F06

Deuteranopia

1C1B25
8C9A20
B2BC25
D8DE3F
343807

Tritanopia

182525
C71F1F
DB3135
F25359
490808

Achromatopsia

212121
525252
7F7F7F
ADADAD
1E1E1E

Shades & Tints Shades & Tints

#172525

Dark
Light

#D01B22

Dark
Light

#E1640A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #172525;
  --color-2: #d01b22;
  --color-3: #e1640a;
  --color-4: #f6a613;
  --color-5: #4c0b05;
}

SCSS

$color-1: #172525;
$color-2: #d01b22;
$color-3: #e1640a;
$color-4: #f6a613;
$color-5: #4c0b05;

TAILWIND

colors: {
  'brand-1': '#172525',
  'brand-2': '#d01b22',
  'brand-3': '#e1640a',
  'brand-4': '#f6a613',
  'brand-5': '#4c0b05',
}

RGB Array

[23, 37, 37], [208, 27, 34], [225, 100, 10], [246, 166, 19], [76, 11, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #172525, #D01B22, #E1640A, #F6A613, #4C0B05 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #172525; --color-2: #d01b22; --color-3: #e1640a; --color-4: #f6a613; --color-5: #4c0b05. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color