← Back to Editor

#E9B8A7 · #F8D4BA · #D4C8B2 · #C0AC91 · #2A2833

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

#E9B8A7

Apricot · BurlyWood · Peach Orange

HEX
#E9B8A7
RGB
rgb(233, 184, 167)
HSL
hsl(15, 60%, 78%)
HSB
hsb(15, 28%, 91%)
CMYK
cmyk(0%, 21%, 28%, 9%)
Oklch
oklch(82.2% 0.062 40.0)

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

#F8D4BA

Apricot · Wheat · Peach Orange

HEX
#F8D4BA
RGB
rgb(248, 212, 186)
HSL
hsl(25, 82%, 85%)
HSB
hsb(25, 25%, 97%)
CMYK
cmyk(0%, 15%, 25%, 3%)
Oklch
oklch(89.4% 0.053 57.8)

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

#D4C8B2

Goose Yellow · Silver · Peach Orange

HEX
#D4C8B2
RGB
rgb(212, 200, 178)
HSL
hsl(39, 28%, 76%)
HSB
hsb(39, 16%, 83%)
CMYK
cmyk(0%, 6%, 16%, 17%)
Oklch
oklch(83.7% 0.033 82.8)

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

#C0AC91

Ginger · Tan · Warm Sun

HEX
#C0AC91
RGB
rgb(192, 172, 145)
HSL
hsl(34, 27%, 66%)
HSB
hsb(34, 24%, 75%)
CMYK
cmyk(0%, 10%, 24%, 25%)
Oklch
oklch(75.5% 0.044 75.3)

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

#2A2833

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2A2833
RGB
rgb(42, 40, 51)
HSL
hsl(251, 12%, 18%)
HSB
hsb(251, 22%, 20%)
CMYK
cmyk(18%, 22%, 0%, 80%)
Oklch
oklch(28.4% 0.020 293.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9B8A7
A5D8E9

Analogous

E9A5B6
E9B8A7
E9D8A5

Triadic

E9B8A7
A5E9B6
B6A5E9

Split-Comp.

E9B8A7
A5E9D8
A5B6E9

Tetradic

E9B8A7
B6E9A5
A5D8E9
D8A5E9

Contrast Matrix WCAG 2.1 Contrast

E9B8A7
F8D4BA
D4C8B2
C0AC91
2A2833
—
1.3
Fail
1.1
Fail
1.2
Fail
8.2
AAA
1.3
Fail
—
1.2
Fail
1.6
Fail
10.4
AAA
1.1
Fail
1.2
Fail
—
1.3
Fail
8.8
AAA
1.2
Fail
1.6
Fail
1.3
Fail
—
6.6
AA
8.2
AAA
10.4
AAA
8.8
AAA
6.6
AA
—
White BG
1.8Fail
1.4Fail
1.7Fail
2.2Fail
14.5AAA
Black BG
11.9AAA
15.1AAA
12.7AAA
9.6AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D3AB
E8E8C0
CFCFB7
B7B798
292930

Deuteranopia

D7DAAC
EBEDC2
D0D0B9
B9BA99
292930

Tritanopia

E7AEAF
F6C5C6
D3BCBC
BF9D9E
2A2E2E

Achromatopsia

C5C5C5
DCDCDC
C9C9C9
AFAFAF
2A2A2A

Shades & Tints Shades & Tints

#E9B8A7

Dark
Light

#F8D4BA

Dark
Light

#D4C8B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9b8a7;
  --color-2: #f8d4ba;
  --color-3: #d4c8b2;
  --color-4: #c0ac91;
  --color-5: #2a2833;
}

SCSS

$color-1: #e9b8a7;
$color-2: #f8d4ba;
$color-3: #d4c8b2;
$color-4: #c0ac91;
$color-5: #2a2833;

TAILWIND

colors: {
  'brand-1': '#e9b8a7',
  'brand-2': '#f8d4ba',
  'brand-3': '#d4c8b2',
  'brand-4': '#c0ac91',
  'brand-5': '#2a2833',
}

RGB Array

[233, 184, 167], [248, 212, 186], [212, 200, 178], [192, 172, 145], [42, 40, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9B8A7, #F8D4BA, #D4C8B2, #C0AC91, #2A2833 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: #e9b8a7; --color-2: #f8d4ba; --color-3: #d4c8b2; --color-4: #c0ac91; --color-5: #2a2833. 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