← Back to Editor

#171C1B · #E9D4B9 · #CCB09A · #D8AC8D · #E4C2B4

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

#171C1B

Mineral Blue · Black · Peacock Green

HEX
#171C1B
RGB
rgb(23, 28, 27)
HSL
hsl(168, 10%, 10%)
HSB
hsb(168, 18%, 11%)
CMYK
cmyk(18%, 0%, 4%, 89%)
Oklch
oklch(22.1% 0.008 182.2)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#E9D4B9

Goose Yellow · Wheat · Peach Orange

HEX
#E9D4B9
RGB
rgb(233, 212, 185)
HSL
hsl(34, 52%, 82%)
HSB
hsb(34, 21%, 91%)
CMYK
cmyk(0%, 9%, 21%, 9%)
Oklch
oklch(88.0% 0.043 74.1)

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

#CCB09A

Apricot · Tan · Warm Sun

HEX
#CCB09A
RGB
rgb(204, 176, 154)
HSL
hsl(26, 33%, 70%)
HSB
hsb(26, 25%, 80%)
CMYK
cmyk(0%, 14%, 25%, 20%)
Oklch
oklch(77.6% 0.045 60.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D8AC8D

Apricot · Tan · Warm Sun

HEX
#D8AC8D
RGB
rgb(216, 172, 141)
HSL
hsl(25, 49%, 70%)
HSB
hsb(25, 35%, 85%)
CMYK
cmyk(0%, 20%, 35%, 15%)
Oklch
oklch(77.7% 0.067 56.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E4C2B4

Apricot · LightPink · Peach Orange

HEX
#E4C2B4
RGB
rgb(228, 194, 180)
HSL
hsl(17, 47%, 80%)
HSB
hsb(17, 21%, 89%)
CMYK
cmyk(0%, 15%, 21%, 11%)
Oklch
oklch(84.0% 0.043 43.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

171C1B
1C1718

Analogous

171C18
171C1B
171B1C

Triadic

171C1B
1B171C
1C1B17

Split-Comp.

171C1B
1C171B
1C1817

Tetradic

171C1B
18171C
1C1718
1B1C17

Contrast Matrix WCAG 2.1 Contrast

171C1B
E9D4B9
CCB09A
D8AC8D
E4C2B4
—
12.0
AAA
8.4
AAA
8.4
AAA
10.4
AAA
12.0
AAA
—
1.4
Fail
1.4
Fail
1.2
Fail
8.4
AAA
1.4
Fail
—
1.0
Fail
1.2
Fail
8.4
AAA
1.4
Fail
1.0
Fail
—
1.2
Fail
10.4
AAA
1.2
Fail
1.2
Fail
1.2
Fail
—
White BG
17.2AAA
1.4Fail
2.0Fail
2.1Fail
1.7Fail
Black BG
1.2Fail
14.6AAA
10.2AAA
10.2AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191B
E0E0C0
C0C09F
C5C595
D5D5B7

Deuteranopia

19191B
E1E3C1
C2C4A1
C8CB96
D7DAB8

Tritanopia

171B1B
E8C5C6
CBA4A4
D69A9C
E2BABB

Achromatopsia

1A1A1A
D7D7D7
B6B6B6
B6B6B6
CBCBCB

Shades & Tints Shades & Tints

#171C1B

Dark
Light

#E9D4B9

Dark
Light

#CCB09A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #171c1b;
  --color-2: #e9d4b9;
  --color-3: #ccb09a;
  --color-4: #d8ac8d;
  --color-5: #e4c2b4;
}

SCSS

$color-1: #171c1b;
$color-2: #e9d4b9;
$color-3: #ccb09a;
$color-4: #d8ac8d;
$color-5: #e4c2b4;

TAILWIND

colors: {
  'brand-1': '#171c1b',
  'brand-2': '#e9d4b9',
  'brand-3': '#ccb09a',
  'brand-4': '#d8ac8d',
  'brand-5': '#e4c2b4',
}

RGB Array

[23, 28, 27], [233, 212, 185], [204, 176, 154], [216, 172, 141], [228, 194, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #171C1B, #E9D4B9, #CCB09A, #D8AC8D, #E4C2B4 is ideal for: 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: #171c1b; --color-2: #e9d4b9; --color-3: #ccb09a; --color-4: #d8ac8d; --color-5: #e4c2b4. 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 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