← Back to Editor

#D0B66B · #D15724 · #7F1F20 · #111109 · #2B313D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D0B66B

Ginger · BurlyWood · Sunflower

HEX
#D0B66B
RGB
rgb(208, 182, 107)
HSL
hsl(45, 52%, 62%)
HSB
hsb(45, 49%, 82%)
CMYK
cmyk(0%, 12%, 49%, 18%)
Oklch
oklch(78.3% 0.099 90.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D15724

Tangerine · Chocolate · Amber Brown

HEX
#D15724
RGB
rgb(209, 87, 36)
HSL
hsl(18, 71%, 48%)
HSB
hsb(18, 83%, 82%)
CMYK
cmyk(0%, 58%, 83%, 18%)
Oklch
oklch(60.7% 0.166 40.8)

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

#7F1F20

Vermilion · Brown · Wine Red

HEX
#7F1F20
RGB
rgb(127, 31, 32)
HSL
hsl(359, 61%, 31%)
HSB
hsb(359, 76%, 50%)
CMYK
cmyk(0%, 76%, 75%, 50%)
Oklch
oklch(39.8% 0.131 24.9)

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

#111109

Autumn Sage · Black · Amber Gold

HEX
#111109
RGB
rgb(17, 17, 9)
HSL
hsl(60, 31%, 5%)
HSB
hsb(60, 47%, 7%)
CMYK
cmyk(0%, 0%, 47%, 93%)
Oklch
oklch(17.5% 0.016 107.9)

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

#2B313D

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2B313D
RGB
rgb(43, 49, 61)
HSL
hsl(220, 17%, 20%)
HSB
hsb(220, 30%, 24%)
CMYK
cmyk(30%, 20%, 0%, 76%)
Oklch
oklch(31.3% 0.023 264.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0B66B
6C85D0

Analogous

D0856C
D0B66B
B7D06C

Triadic

D0B66B
6CD0B7
B76CD0

Split-Comp.

D0B66B
6CB7D0
856CD0

Tetradic

D0B66B
6CD085
6C85D0
D06CB7

Contrast Matrix WCAG 2.1 Contrast

D0B66B
D15724
7F1F20
111109
2B313D
—
2.1
Fail
5.0
AA
9.6
AAA
6.6
AA
2.1
Fail
—
2.4
Fail
4.6
AA
3.2
AA Large
5.0
AA
2.4
Fail
—
1.9
Fail
1.3
Fail
9.6
AAA
4.6
AA
1.9
Fail
—
1.5
Fail
6.6
AA
3.2
AA Large
1.3
Fail
1.5
Fail
—
White BG
2.0Fail
4.1AA Large
9.9AAA
19.0AAA
13.0AAA
Black BG
10.6AAA
5.1AA
2.1Fail
1.1Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C57D
9C9B30
555520
11110B
2E2E3A

Deuteranopia

C6C882
A3AC33
5B6220
11110B
2D2D39

Tritanopia

CF8B8F
CB3A3C
7A2020
110C0D
2B3837

Achromatopsia

B5B5B5
767676
3C3C3C
101010
313131

Shades & Tints Shades & Tints

#D0B66B

Dark
Light

#D15724

Dark
Light

#7F1F20

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0b66b;
  --color-2: #d15724;
  --color-3: #7f1f20;
  --color-4: #111109;
  --color-5: #2b313d;
}

SCSS

$color-1: #d0b66b;
$color-2: #d15724;
$color-3: #7f1f20;
$color-4: #111109;
$color-5: #2b313d;

TAILWIND

colors: {
  'brand-1': '#d0b66b',
  'brand-2': '#d15724',
  'brand-3': '#7f1f20',
  'brand-4': '#111109',
  'brand-5': '#2b313d',
}

RGB Array

[208, 182, 107], [209, 87, 36], [127, 31, 32], [17, 17, 9], [43, 49, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0B66B, #D15724, #7F1F20, #111109, #2B313D is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d0b66b; --color-2: #d15724; --color-3: #7f1f20; --color-4: #111109; --color-5: #2b313d. 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 tech, SaaS, healthcare, eco industries. 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