← Back to Editor

#E1E2B8 · #4B9BA2 · #2D5264 · #75BA79 · #D8E9BF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E1E2B8

Fresh Green · Wheat · Lemon Cream

HEX
#E1E2B8
RGB
rgb(225, 226, 184)
HSL
hsl(61, 42%, 80%)
HSB
hsb(61, 19%, 89%)
CMYK
cmyk(0%, 0%, 19%, 11%)
Oklch
oklch(90.1% 0.055 108.6)

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

#4B9BA2

Slate Blue · CadetBlue · Mint Ice

HEX
#4B9BA2
RGB
rgb(75, 155, 162)
HSL
hsl(185, 37%, 46%)
HSB
hsb(185, 54%, 64%)
CMYK
cmyk(54%, 4%, 0%, 36%)
Oklch
oklch(64.2% 0.079 203.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#2D5264

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2D5264
RGB
rgb(45, 82, 100)
HSL
hsl(200, 38%, 28%)
HSB
hsb(200, 55%, 39%)
CMYK
cmyk(55%, 18%, 0%, 61%)
Oklch
oklch(41.9% 0.052 230.9)

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

#75BA79

Celadon · DarkSeaGreen · Olive Green

HEX
#75BA79
RGB
rgb(117, 186, 121)
HSL
hsl(123, 33%, 59%)
HSB
hsb(123, 37%, 73%)
CMYK
cmyk(37%, 0%, 35%, 27%)
Oklch
oklch(72.6% 0.116 145.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#D8E9BF

Willow Green · LightGray · Mint Green

HEX
#D8E9BF
RGB
rgb(216, 233, 191)
HSL
hsl(84, 49%, 83%)
HSB
hsb(84, 18%, 91%)
CMYK
cmyk(7%, 0%, 18%, 9%)
Oklch
oklch(91.0% 0.059 125.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E2B8
B7B7E1

Analogous

E1CDB7
E1E2B8
CBE1B7

Triadic

E1E2B8
B7E1E1
E1B7E1

Split-Comp.

E1E2B8
B7CBE1
CDB7E1

Tetradic

E1E2B8
B7E1CD
B7B7E1
E1B7CB

Contrast Matrix WCAG 2.1 Contrast

E1E2B8
4B9BA2
2D5264
75BA79
D8E9BF
—
2.4
Fail
6.3
AA
1.7
Fail
1.0
Fail
2.4
Fail
—
2.6
Fail
1.4
Fail
2.5
Fail
6.3
AA
2.6
Fail
—
3.6
AA Large
6.5
AA
1.7
Fail
1.4
Fail
3.6
AA Large
—
1.8
Fail
1.0
Fail
2.5
Fail
6.5
AA
1.8
Fail
—
White BG
1.3Fail
3.2AA Large
8.4AAA
2.3Fail
1.3Fail
Black BG
15.8AAA
6.5AA
2.5Fail
9.1AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C2
6E6EA0
3D3D60
939389
DFE0C9

Deuteranopia

E1E1C5
6963A0
3B385F
8F8A8D
DEDDCC

Tritanopia

E1CACC
4F9F9F
2F5C5B
789598
D9D1D3

Achromatopsia

DDDDDD
848484
494949
9E9E9E
DFDFDF

Shades & Tints Shades & Tints

#E1E2B8

Dark
Light

#4B9BA2

Dark
Light

#2D5264

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e2b8;
  --color-2: #4b9ba2;
  --color-3: #2d5264;
  --color-4: #75ba79;
  --color-5: #d8e9bf;
}

SCSS

$color-1: #e1e2b8;
$color-2: #4b9ba2;
$color-3: #2d5264;
$color-4: #75ba79;
$color-5: #d8e9bf;

TAILWIND

colors: {
  'brand-1': '#e1e2b8',
  'brand-2': '#4b9ba2',
  'brand-3': '#2d5264',
  'brand-4': '#75ba79',
  'brand-5': '#d8e9bf',
}

RGB Array

[225, 226, 184], [75, 155, 162], [45, 82, 100], [117, 186, 121], [216, 233, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1E2B8, #4B9BA2, #2D5264, #75BA79, #D8E9BF 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: #e1e2b8; --color-2: #4b9ba2; --color-3: #2d5264; --color-4: #75ba79; --color-5: #d8e9bf. 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