← Back to Editor

#E86F4C · #E5BCD5 · #E6E6E1 · #B8D9CE · #440E3B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E86F4C

Vermilion · Tomato · Passion Red

HEX
#E86F4C
RGB
rgb(232, 111, 76)
HSL
hsl(13, 77%, 60%)
HSB
hsb(13, 67%, 91%)
CMYK
cmyk(0%, 52%, 67%, 9%)
Oklch
oklch(67.9% 0.159 36.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E5BCD5

Mauve · Pink · Cherry Blossom

HEX
#E5BCD5
RGB
rgb(229, 188, 213)
HSL
hsl(323, 44%, 82%)
HSB
hsb(323, 18%, 90%)
CMYK
cmyk(0%, 18%, 7%, 10%)
Oklch
oklch(83.8% 0.057 341.2)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E6E6E1

Fresh Green · Beige · Cloud White

HEX
#E6E6E1
RGB
rgb(230, 230, 225)
HSL
hsl(60, 9%, 89%)
HSB
hsb(60, 2%, 90%)
CMYK
cmyk(0%, 0%, 2%, 10%)
Oklch
oklch(92.4% 0.007 106.5)

Traditional「Fresh Green」· Paint「Cloud White」· Creative Silver Lining

#B8D9CE

Jade · LightBlue · Glacier Blue

HEX
#B8D9CE
RGB
rgb(184, 217, 206)
HSL
hsl(160, 30%, 79%)
HSB
hsb(160, 15%, 85%)
CMYK
cmyk(15%, 0%, 5%, 15%)
Oklch
oklch(85.8% 0.038 173.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#440E3B

Rose Purple · MidnightBlue · Dark Purple

HEX
#440E3B
RGB
rgb(68, 14, 59)
HSL
hsl(310, 66%, 16%)
HSB
hsb(310, 79%, 27%)
CMYK
cmyk(0%, 79%, 13%, 73%)
Oklch
oklch(27.8% 0.100 335.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E86F4C
4AC6E8

Analogous

E84A77
E86F4C
E8BB4A

Triadic

E86F4C
4AE86C
6C4AE8

Split-Comp.

E86F4C
4AE8BB
4A77E8

Tetradic

E86F4C
77E84A
4AC6E8
BB4AE8

Contrast Matrix WCAG 2.1 Contrast

E86F4C
E5BCD5
E6E6E1
B8D9CE
440E3B
—
1.8
Fail
2.5
Fail
2.0
Fail
5.0
AA
1.8
Fail
—
1.3
Fail
1.1
Fail
9.1
AAA
2.5
Fail
1.3
Fail
—
1.2
Fail
12.2
AAA
2.0
Fail
1.1
Fail
1.2
Fail
—
10.1
AAA
5.0
AA
9.1
AAA
12.2
AAA
10.1
AAA
—
White BG
3.1AA Large
1.7Fail
1.3Fail
1.5Fail
15.3AAA
Black BG
6.8AA
12.5AAA
16.8AAA
13.9AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B354
D3D3CF
E6E6E2
C6C7D1
2D2C30

Deuteranopia

BBC457
D6D9CE
E6E6E3
C4C2D1
30342E

Tritanopia

E25B5D
E3CAC9
E6E3E3
BAD3D3
412826

Achromatopsia

8F8F8F
CBCBCB
E5E5E5
CECECE
232323

Shades & Tints Shades & Tints

#E86F4C

Dark
Light

#E5BCD5

Dark
Light

#E6E6E1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e86f4c;
  --color-2: #e5bcd5;
  --color-3: #e6e6e1;
  --color-4: #b8d9ce;
  --color-5: #440e3b;
}

SCSS

$color-1: #e86f4c;
$color-2: #e5bcd5;
$color-3: #e6e6e1;
$color-4: #b8d9ce;
$color-5: #440e3b;

TAILWIND

colors: {
  'brand-1': '#e86f4c',
  'brand-2': '#e5bcd5',
  'brand-3': '#e6e6e1',
  'brand-4': '#b8d9ce',
  'brand-5': '#440e3b',
}

RGB Array

[232, 111, 76], [229, 188, 213], [230, 230, 225], [184, 217, 206], [68, 14, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E86F4C, #E5BCD5, #E6E6E1, #B8D9CE, #440E3B is ideal for: health products, baby brands, fresh-style blogs, 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: #e86f4c; --color-2: #e5bcd5; --color-3: #e6e6e1; --color-4: #b8d9ce; --color-5: #440e3b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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