← Back to Editor

#200607 · #510802 · #5F5808 · #BDB354 · #E4DFB9

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 AppData Visualization

Color Details Color Details

#200607

Vermilion · Black · Deep Berry

HEX
#200607
RGB
rgb(32, 6, 7)
HSL
hsl(358, 68%, 7%)
HSB
hsb(358, 81%, 13%)
CMYK
cmyk(0%, 81%, 78%, 87%)
Oklch
oklch(17.1% 0.046 20.6)

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

#510802

Vermilion · Maroon · Deep Berry

HEX
#510802
RGB
rgb(81, 8, 2)
HSL
hsl(5, 95%, 16%)
HSB
hsb(5, 98%, 32%)
CMYK
cmyk(0%, 90%, 98%, 68%)
Oklch
oklch(28.1% 0.105 30.9)

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

#5F5808

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5F5808
RGB
rgb(95, 88, 8)
HSL
hsl(55, 84%, 20%)
HSB
hsb(55, 92%, 37%)
CMYK
cmyk(0%, 7%, 92%, 63%)
Oklch
oklch(45.3% 0.092 103.9)

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

#BDB354

Autumn Sage · SandyBrown · Sunflower

HEX
#BDB354
RGB
rgb(189, 179, 84)
HSL
hsl(54, 44%, 54%)
HSB
hsb(54, 56%, 74%)
CMYK
cmyk(0%, 5%, 56%, 26%)
Oklch
oklch(75.6% 0.117 103.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E4DFB9

Fresh Green · Wheat · Lemon Cream

HEX
#E4DFB9
RGB
rgb(228, 223, 185)
HSL
hsl(53, 44%, 81%)
HSB
hsb(53, 19%, 89%)
CMYK
cmyk(0%, 2%, 19%, 11%)
Oklch
oklch(89.8% 0.050 101.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

200607
061E1D

Analogous

1E0613
200607
1E1106

Triadic

200607
071E06
06071E

Split-Comp.

200607
061E11
06131E

Tetradic

200607
131E06
061E1D
11061E

Contrast Matrix WCAG 2.1 Contrast

200607
510802
5F5808
BDB354
E4DFB9
—
1.3
Fail
2.6
Fail
8.9
AAA
14.3
AAA
1.3
Fail
—
2.1
Fail
7.0
AAA
11.2
AAA
2.6
Fail
2.1
Fail
—
3.4
AA Large
5.4
AA
8.9
AAA
7.0
AAA
3.4
AA Large
—
1.6
Fail
14.3
AAA
11.2
AAA
5.4
AA
1.6
Fail
—
White BG
19.3AAA
15.2AAA
7.3AAA
2.2Fail
1.4Fail
Black BG
1.1Fail
1.4Fail
2.9Fail
9.7AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151507
313103
5C5C1B
B9B96B
E2E2C2

Deuteranopia

161807
363B04
5C5D20
B9BA71
E2E3C4

Tritanopia

1F0707
4D0505
5F2B2E
BC7D81
E4C9CB

Achromatopsia

0E0E0E
1D1D1D
515151
ABABAB
DCDCDC

Shades & Tints Shades & Tints

#200607

Dark
Light

#510802

Dark
Light

#5F5808

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #200607;
  --color-2: #510802;
  --color-3: #5f5808;
  --color-4: #bdb354;
  --color-5: #e4dfb9;
}

SCSS

$color-1: #200607;
$color-2: #510802;
$color-3: #5f5808;
$color-4: #bdb354;
$color-5: #e4dfb9;

TAILWIND

colors: {
  'brand-1': '#200607',
  'brand-2': '#510802',
  'brand-3': '#5f5808',
  'brand-4': '#bdb354',
  'brand-5': '#e4dfb9',
}

RGB Array

[32, 6, 7], [81, 8, 2], [95, 88, 8], [189, 179, 84], [228, 223, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #200607, #510802, #5F5808, #BDB354, #E4DFB9 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #200607; --color-2: #510802; --color-3: #5f5808; --color-4: #bdb354; --color-5: #e4dfb9. 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. 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 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