← Back to Editor

#D9CE09 · #33272A · #5C2E3A · #AB183F · #CB0037

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D9CE09

Autumn Sage · Gold · Honey Gold

HEX
#D9CE09
RGB
rgb(217, 206, 9)
HSL
hsl(57, 92%, 44%)
HSB
hsb(57, 96%, 85%)
CMYK
cmyk(0%, 5%, 96%, 15%)
Oklch
oklch(83.4% 0.176 105.7)

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

#33272A

Crimson · DarkSlateGray · Deep Berry

HEX
#33272A
RGB
rgb(51, 39, 42)
HSL
hsl(345, 13%, 18%)
HSB
hsb(345, 24%, 20%)
CMYK
cmyk(0%, 24%, 18%, 80%)
Oklch
oklch(28.8% 0.019 1.6)

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

#5C2E3A

Dark Violet · DarkSlateGray · Camellia

HEX
#5C2E3A
RGB
rgb(92, 46, 58)
HSL
hsl(344, 33%, 27%)
HSB
hsb(344, 50%, 36%)
CMYK
cmyk(0%, 50%, 37%, 64%)
Oklch
oklch(36.5% 0.068 4.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AB183F

Dark Violet · Brown · Camellia

HEX
#AB183F
RGB
rgb(171, 24, 63)
HSL
hsl(344, 75%, 38%)
HSB
hsb(344, 86%, 67%)
CMYK
cmyk(0%, 86%, 63%, 33%)
Oklch
oklch(48.2% 0.179 13.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#CB0037

Dark Violet · Crimson · Camellia

HEX
#CB0037
RGB
rgb(203, 0, 55)
HSL
hsl(344, 100%, 40%)
HSB
hsb(344, 100%, 80%)
CMYK
cmyk(0%, 100%, 73%, 20%)
Oklch
oklch(53.3% 0.214 19.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CE09
0913D7

Analogous

D76609
D9CE09
7BD709

Triadic

D9CE09
09D7CD
CD09D7

Split-Comp.

D9CE09
097BD7
6609D7

Tetradic

D9CE09
09D766
0913D7
D7097B

Contrast Matrix WCAG 2.1 Contrast

D9CE09
33272A
5C2E3A
AB183F
CB0037
—
8.7
AAA
6.7
AA
4.4
AA Large
3.6
AA Large
8.7
AAA
—
1.3
Fail
2.0
Fail
2.5
Fail
6.7
AA
1.3
Fail
—
1.5
Fail
1.9
Fail
4.4
AA Large
2.0
Fail
1.5
Fail
—
1.2
Fail
3.6
AA Large
2.5
Fail
1.9
Fail
1.2
Fail
—
White BG
1.6Fail
14.3AAA
11.0AAA
7.2AAA
5.8AA
Black BG
12.8AAA
1.5Fail
1.9Fail
2.9Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D439
2E2E29
484837
6B6A36
73712A

Deuteranopia

D5D644
2F2F29
4B4E36
747F33
7F8E27

Tritanopia

D85E67
322929
5A3534
A42E2C
C11F1D

Achromatopsia

BBBBBB
2B2B2B
3D3D3D
484848
434343

Shades & Tints Shades & Tints

#D9CE09

Dark
Light

#33272A

Dark
Light

#5C2E3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ce09;
  --color-2: #33272a;
  --color-3: #5c2e3a;
  --color-4: #ab183f;
  --color-5: #cb0037;
}

SCSS

$color-1: #d9ce09;
$color-2: #33272a;
$color-3: #5c2e3a;
$color-4: #ab183f;
$color-5: #cb0037;

TAILWIND

colors: {
  'brand-1': '#d9ce09',
  'brand-2': '#33272a',
  'brand-3': '#5c2e3a',
  'brand-4': '#ab183f',
  'brand-5': '#cb0037',
}

RGB Array

[217, 206, 9], [51, 39, 42], [92, 46, 58], [171, 24, 63], [203, 0, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CE09, #33272A, #5C2E3A, #AB183F, #CB0037 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: #d9ce09; --color-2: #33272a; --color-3: #5c2e3a; --color-4: #ab183f; --color-5: #cb0037. 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