← Back to Editor

#DCC9A8 · #B16534 · #9F1610 · #661514 · #1F111E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DCC9A8

Goose Yellow · Wheat · Peach Orange

HEX
#DCC9A8
RGB
rgb(220, 201, 168)
HSL
hsl(38, 43%, 76%)
HSB
hsb(38, 24%, 86%)
CMYK
cmyk(0%, 9%, 24%, 14%)
Oklch
oklch(84.3% 0.049 81.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B16534

Tangerine · Sienna · Amber Brown

HEX
#B16534
RGB
rgb(177, 101, 52)
HSL
hsl(24, 55%, 45%)
HSB
hsb(24, 71%, 69%)
CMYK
cmyk(0%, 43%, 71%, 31%)
Oklch
oklch(58.4% 0.117 51.3)

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

#9F1610

Vermilion · FireBrick · Wine Red

HEX
#9F1610
RGB
rgb(159, 22, 16)
HSL
hsl(3, 82%, 34%)
HSB
hsb(3, 90%, 62%)
CMYK
cmyk(0%, 86%, 90%, 38%)
Oklch
oklch(45.1% 0.171 28.9)

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

#661514

Vermilion · Maroon · Wine Red

HEX
#661514
RGB
rgb(102, 21, 20)
HSL
hsl(1, 67%, 24%)
HSB
hsb(1, 80%, 40%)
CMYK
cmyk(0%, 79%, 80%, 60%)
Oklch
oklch(33.8% 0.114 26.4)

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

#1F111E

Rose Purple · Black · Dark Purple

HEX
#1F111E
RGB
rgb(31, 17, 30)
HSL
hsl(304, 29%, 9%)
HSB
hsb(304, 45%, 12%)
CMYK
cmyk(0%, 45%, 3%, 88%)
Oklch
oklch(20.3% 0.033 329.2)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCC9A8
A7BBDC

Analogous

DCAFA7
DCC9A8
D5DCA7

Triadic

DCC9A8
A7DCC9
C9A7DC

Split-Comp.

DCC9A8
A7D5DC
AFA7DC

Tetradic

DCC9A8
A7DCAF
A7BBDC
DCA7D5

Contrast Matrix WCAG 2.1 Contrast

DCC9A8
B16534
9F1610
661514
1F111E
—
2.7
Fail
5.0
AA
7.7
AAA
11.2
AAA
2.7
Fail
—
1.8
Fail
2.8
Fail
4.1
AA Large
5.0
AA
1.8
Fail
—
1.5
Fail
2.2
Fail
7.7
AAA
2.8
Fail
1.5
Fail
—
1.5
Fail
11.2
AAA
4.1
AA Large
2.2
Fail
1.5
Fail
—
White BG
1.6Fail
4.4AA Large
8.1AAA
12.5AAA
18.1AAA
Black BG
13.0AAA
4.8AA
2.6Fail
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B0
908F40
646211
434214
19191B

Deuteranopia

D5D6B2
959A43
6C7612
484E14
1A1B1A

Tritanopia

DBB6B8
AD494B
981313
621414
1E1818

Achromatopsia

CBCBCB
767676
3E3E3E
2D2D2D
171717

Shades & Tints Shades & Tints

#DCC9A8

Dark
Light

#B16534

Dark
Light

#9F1610

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcc9a8;
  --color-2: #b16534;
  --color-3: #9f1610;
  --color-4: #661514;
  --color-5: #1f111e;
}

SCSS

$color-1: #dcc9a8;
$color-2: #b16534;
$color-3: #9f1610;
$color-4: #661514;
$color-5: #1f111e;

TAILWIND

colors: {
  'brand-1': '#dcc9a8',
  'brand-2': '#b16534',
  'brand-3': '#9f1610',
  'brand-4': '#661514',
  'brand-5': '#1f111e',
}

RGB Array

[220, 201, 168], [177, 101, 52], [159, 22, 16], [102, 21, 20], [31, 17, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCC9A8, #B16534, #9F1610, #661514, #1F111E 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: #dcc9a8; --color-2: #b16534; --color-3: #9f1610; --color-4: #661514; --color-5: #1f111e. 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