← Back to Editor

#EAE9B1 · #F7EEC7 · #616CAD · #3D488F · #32225D

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

#EAE9B1

Fresh Green · Wheat · Lemon Cream

HEX
#EAE9B1
RGB
rgb(234, 233, 177)
HSL
hsl(59, 58%, 81%)
HSB
hsb(59, 24%, 92%)
CMYK
cmyk(0%, 0%, 24%, 8%)
Oklch
oklch(92.1% 0.072 106.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F7EEC7

Goose Yellow · Bisque · Lemon Cream

HEX
#F7EEC7
RGB
rgb(247, 238, 199)
HSL
hsl(49, 75%, 87%)
HSB
hsb(49, 19%, 97%)
CMYK
cmyk(0%, 4%, 19%, 3%)
Oklch
oklch(94.6% 0.052 96.5)

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

#616CAD

Azure · SteelBlue · Navy Blue

HEX
#616CAD
RGB
rgb(97, 108, 173)
HSL
hsl(231, 32%, 53%)
HSB
hsb(231, 44%, 68%)
CMYK
cmyk(44%, 38%, 0%, 32%)
Oklch
oklch(55.1% 0.102 275.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#3D488F

Indigo · DarkSlateBlue · Prussian Blue

HEX
#3D488F
RGB
rgb(61, 72, 143)
HSL
hsl(232, 40%, 40%)
HSB
hsb(232, 57%, 56%)
CMYK
cmyk(57%, 50%, 0%, 44%)
Oklch
oklch(43.0% 0.117 273.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#32225D

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#32225D
RGB
rgb(50, 34, 93)
HSL
hsl(256, 46%, 25%)
HSB
hsb(256, 63%, 36%)
CMYK
cmyk(46%, 63%, 0%, 64%)
Oklch
oklch(30.7% 0.101 291.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE9B1
B2B3EB

Analogous

EBCEB2
EAE9B1
CFEBB2

Triadic

EAE9B1
B2EBEA
EAB2EB

Split-Comp.

EAE9B1
B2CFEB
CEB2EB

Tetradic

EAE9B1
B2EBCE
B2B3EB
EBB2CF

Contrast Matrix WCAG 2.1 Contrast

EAE9B1
F7EEC7
616CAD
3D488F
32225D
—
1.1
Fail
3.9
AA Large
6.7
AA
11.0
AAA
1.1
Fail
—
4.2
AA Large
7.1
AAA
11.8
AAA
3.9
AA Large
4.2
AA Large
—
1.7
Fail
2.8
Fail
6.7
AA
7.1
AAA
1.7
Fail
—
1.7
Fail
11.0
AAA
11.8
AAA
2.8
Fail
1.7
Fail
—
White BG
1.3Fail
1.2Fail
4.9AA
8.3AAA
13.8AAA
Black BG
16.8AAA
18.0AAA
4.3AA Large
2.5Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEABF
F3F3D0
66669D
42427E
2B2B4F

Deuteranopia

EAEAC2
F4F4D3
65649A
41407A
2C2D4B

Tritanopia

EAC9CC
F7D8DA
62918E
3E706D
314341

Achromatopsia

E3E3E3
ECECEC
707070
4D4D4D
2E2E2E

Shades & Tints Shades & Tints

#EAE9B1

Dark
Light

#F7EEC7

Dark
Light

#616CAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae9b1;
  --color-2: #f7eec7;
  --color-3: #616cad;
  --color-4: #3d488f;
  --color-5: #32225d;
}

SCSS

$color-1: #eae9b1;
$color-2: #f7eec7;
$color-3: #616cad;
$color-4: #3d488f;
$color-5: #32225d;

TAILWIND

colors: {
  'brand-1': '#eae9b1',
  'brand-2': '#f7eec7',
  'brand-3': '#616cad',
  'brand-4': '#3d488f',
  'brand-5': '#32225d',
}

RGB Array

[234, 233, 177], [247, 238, 199], [97, 108, 173], [61, 72, 143], [50, 34, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE9B1, #F7EEC7, #616CAD, #3D488F, #32225D 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: #eae9b1; --color-2: #f7eec7; --color-3: #616cad; --color-4: #3d488f; --color-5: #32225d. 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