← Back to Editor

#17251A · #D2B3C5 · #FF2142 · #EA9A11 · #C0D90B

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#17251A

Celadon · Black · Dark Green

HEX
#17251A
RGB
rgb(23, 37, 26)
HSL
hsl(133, 23%, 12%)
HSB
hsb(133, 38%, 15%)
CMYK
cmyk(38%, 0%, 30%, 85%)
Oklch
oklch(24.8% 0.028 150.6)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#D2B3C5

Mauve · Silver · Cherry Blossom

HEX
#D2B3C5
RGB
rgb(210, 179, 197)
HSL
hsl(325, 26%, 76%)
HSB
hsb(325, 15%, 82%)
CMYK
cmyk(0%, 15%, 6%, 18%)
Oklch
oklch(79.9% 0.043 342.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#FF2142

Vermilion · Crimson · Passion Red

HEX
#FF2142
RGB
rgb(255, 33, 66)
HSL
hsl(351, 100%, 56%)
HSB
hsb(351, 87%, 100%)
CMYK
cmyk(0%, 87%, 74%, 0%)
Oklch
oklch(64.1% 0.245 21.9)

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

#EA9A11

Ochre · GoldenRod · Amber Brown

HEX
#EA9A11
RGB
rgb(234, 154, 17)
HSL
hsl(38, 86%, 49%)
HSB
hsb(38, 93%, 92%)
CMYK
cmyk(0%, 34%, 93%, 8%)
Oklch
oklch(74.8% 0.158 71.6)

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

#C0D90B

Autumn Sage · GreenYellow · Honey Gold

HEX
#C0D90B
RGB
rgb(192, 217, 11)
HSL
hsl(67, 90%, 45%)
HSB
hsb(67, 95%, 85%)
CMYK
cmyk(12%, 0%, 95%, 15%)
Oklch
oklch(83.7% 0.193 117.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

17251A
261823

Analogous

1C2618
17251A
182622

Triadic

17251A
1B1826
261B18

Split-Comp.

17251A
221826
26181C

Tetradic

17251A
181C26
261823
262218

Contrast Matrix WCAG 2.1 Contrast

17251A
D2B3C5
FF2142
EA9A11
C0D90B
—
8.4
AAA
4.2
AA Large
6.9
AA
10.0
AAA
8.4
AAA
—
2.0
Fail
1.2
Fail
1.2
Fail
4.2
AA Large
2.0
Fail
—
1.6
Fail
2.4
Fail
6.9
AA
1.2
Fail
1.6
Fail
—
1.4
Fail
10.0
AAA
1.2
Fail
2.4
Fail
1.4
Fail
—
White BG
16.0AAA
1.9Fail
3.8AA Large
2.3Fail
1.6Fail
Black BG
1.3Fail
11.0AAA
5.5AA
9.1AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D1D
C5C4C1
9F9D3A
C7C732
CBCB3D

Deuteranopia

1C1B1D
C6C9C0
ACBC38
CCD23A
C9C749

Tritanopia

181F1F
D0BDBC
F43432
E64C52
C1646D

Achromatopsia

202020
BEBEBE
676767
A2A2A2
BABABA

Shades & Tints Shades & Tints

#17251A

Dark
Light

#D2B3C5

Dark
Light

#FF2142

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #17251a;
  --color-2: #d2b3c5;
  --color-3: #ff2142;
  --color-4: #ea9a11;
  --color-5: #c0d90b;
}

SCSS

$color-1: #17251a;
$color-2: #d2b3c5;
$color-3: #ff2142;
$color-4: #ea9a11;
$color-5: #c0d90b;

TAILWIND

colors: {
  'brand-1': '#17251a',
  'brand-2': '#d2b3c5',
  'brand-3': '#ff2142',
  'brand-4': '#ea9a11',
  'brand-5': '#c0d90b',
}

RGB Array

[23, 37, 26], [210, 179, 197], [255, 33, 66], [234, 154, 17], [192, 217, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #17251A, #D2B3C5, #FF2142, #EA9A11, #C0D90B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #17251a; --color-2: #d2b3c5; --color-3: #ff2142; --color-4: #ea9a11; --color-5: #c0d90b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 dark-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