← Back to Editor

#E9DBB8 · #FFE1D6 · #B94A6A · #3B2339 · #212445

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

#E9DBB8

Goose Yellow · Wheat · Lemon Cream

HEX
#E9DBB8
RGB
rgb(233, 219, 184)
HSL
hsl(43, 53%, 82%)
HSB
hsb(43, 21%, 91%)
CMYK
cmyk(0%, 6%, 21%, 9%)
Oklch
oklch(89.4% 0.049 88.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFE1D6

Apricot · Bisque · Peach Orange

HEX
#FFE1D6
RGB
rgb(255, 225, 214)
HSL
hsl(16, 100%, 92%)
HSB
hsb(16, 16%, 100%)
CMYK
cmyk(0%, 12%, 16%, 0%)
Oklch
oklch(93.1% 0.036 41.2)

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

#B94A6A

Dark Violet · MediumVioletRed · Rose Pink

HEX
#B94A6A
RGB
rgb(185, 74, 106)
HSL
hsl(343, 44%, 51%)
HSB
hsb(343, 60%, 73%)
CMYK
cmyk(0%, 60%, 43%, 27%)
Oklch
oklch(56.5% 0.146 5.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#3B2339

Rose Purple · DarkSlateGray · Dark Purple

HEX
#3B2339
RGB
rgb(59, 35, 57)
HSL
hsl(305, 26%, 18%)
HSB
hsb(305, 41%, 23%)
CMYK
cmyk(0%, 41%, 3%, 77%)
Oklch
oklch(29.6% 0.051 329.7)

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

#212445

Indigo · MidnightBlue · Deep Sea Blue

HEX
#212445
RGB
rgb(33, 36, 69)
HSL
hsl(235, 35%, 20%)
HSB
hsb(235, 52%, 27%)
CMYK
cmyk(52%, 48%, 0%, 73%)
Oklch
oklch(27.6% 0.061 277.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9DBB8
B9C7E9

Analogous

E9C3B9
E9DBB8
DFE9B9

Triadic

E9DBB8
B9E9DC
DCB9E9

Split-Comp.

E9DBB8
B9DFE9
C3B9E9

Tetradic

E9DBB8
B9E9C3
B9C7E9
E9B9DF

Contrast Matrix WCAG 2.1 Contrast

E9DBB8
FFE1D6
B94A6A
3B2339
212445
—
1.1
Fail
3.6
AA Large
10.3
AAA
10.9
AAA
1.1
Fail
—
4.0
AA Large
11.4
AAA
12.1
AAA
3.6
AA Large
4.0
AA Large
—
2.9
Fail
3.0
AA Large
10.3
AAA
11.4
AAA
2.9
Fail
—
1.1
Fail
10.9
AAA
12.1
AAA
3.0
AA Large
1.1
Fail
—
White BG
1.4Fail
1.2Fail
4.9AA
14.1AAA
15.0AAA
Black BG
15.3AAA
17.0AAA
4.3AA Large
1.5Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C0
F2F2D9
898862
313034
22223D

Deuteranopia

E4E5C3
F4F6D9
8F9860
323432
22223B

Tritanopia

E8C7C9
FEDBDB
B35C5B
3A2F2F
213735

Achromatopsia

DBDBDB
E9E9E9
6F6F6F
2D2D2D
272727

Shades & Tints Shades & Tints

#E9DBB8

Dark
Light

#FFE1D6

Dark
Light

#B94A6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9dbb8;
  --color-2: #ffe1d6;
  --color-3: #b94a6a;
  --color-4: #3b2339;
  --color-5: #212445;
}

SCSS

$color-1: #e9dbb8;
$color-2: #ffe1d6;
$color-3: #b94a6a;
$color-4: #3b2339;
$color-5: #212445;

TAILWIND

colors: {
  'brand-1': '#e9dbb8',
  'brand-2': '#ffe1d6',
  'brand-3': '#b94a6a',
  'brand-4': '#3b2339',
  'brand-5': '#212445',
}

RGB Array

[233, 219, 184], [255, 225, 214], [185, 74, 106], [59, 35, 57], [33, 36, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9DBB8, #FFE1D6, #B94A6A, #3B2339, #212445 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: #e9dbb8; --color-2: #ffe1d6; --color-3: #b94a6a; --color-4: #3b2339; --color-5: #212445. 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