← Back to Editor

#B20A10 · #E5EACC · #C9CD90 · #8E9D89 · #DBF4C0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B20A10

Vermilion · FireBrick · Wine Red

HEX
#B20A10
RGB
rgb(178, 10, 16)
HSL
hsl(358, 89%, 37%)
HSB
hsb(358, 94%, 70%)
CMYK
cmyk(0%, 94%, 91%, 30%)
Oklch
oklch(48.3% 0.193 27.9)

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

#E5EACC

Willow Green · Beige · Mint Green

HEX
#E5EACC
RGB
rgb(229, 234, 204)
HSL
hsl(70, 42%, 86%)
HSB
hsb(70, 13%, 92%)
CMYK
cmyk(2%, 0%, 13%, 8%)
Oklch
oklch(92.5% 0.040 114.9)

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

#C9CD90

Fresh Green · Tan · Sunflower

HEX
#C9CD90
RGB
rgb(201, 205, 144)
HSL
hsl(64, 38%, 68%)
HSB
hsb(64, 30%, 80%)
CMYK
cmyk(2%, 0%, 30%, 20%)
Oklch
oklch(83.1% 0.080 111.2)

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

#8E9D89

Celadon · DarkSeaGreen · Silver Sand

HEX
#8E9D89
RGB
rgb(142, 157, 137)
HSL
hsl(105, 9%, 58%)
HSB
hsb(105, 13%, 62%)
CMYK
cmyk(10%, 0%, 13%, 38%)
Oklch
oklch(67.8% 0.034 137.9)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#DBF4C0

Willow Green · Wheat · Mint Green

HEX
#DBF4C0
RGB
rgb(219, 244, 192)
HSL
hsl(89, 70%, 85%)
HSB
hsb(89, 21%, 96%)
CMYK
cmyk(10%, 0%, 21%, 4%)
Oklch
oklch(93.6% 0.073 128.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B20A10
0AB2AD

Analogous

B20A64
B20A10
B2590A

Triadic

B20A10
10B20A
0A10B2

Split-Comp.

B20A10
0AB259
0A64B2

Tetradic

B20A10
64B20A
0AB2AD
590AB2

Contrast Matrix WCAG 2.1 Contrast

B20A10
E5EACC
C9CD90
8E9D89
DBF4C0
—
5.8
AA
4.3
AA Large
2.5
Fail
6.0
AA
5.8
AA
—
1.3
Fail
2.3
Fail
1.0
Fail
4.3
AA Large
1.3
Fail
—
1.7
Fail
1.4
Fail
2.5
Fail
2.3
Fail
1.7
Fail
—
2.4
Fail
6.0
AA
1.0
Fail
1.4
Fail
2.4
Fail
—
White BG
7.1AAA
1.2Fail
1.7Fail
2.9Fail
1.2Fail
Black BG
2.9Fail
17.0AAA
12.6AAA
7.3AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

69680F
E7E7D3
CBCB9F
94958E
E6E6CD

Deuteranopia

73800E
E7E7D5
CBCAA2
94938F
E4E3D0

Tritanopia

AA0D0D
E5D9DA
C9AAAD
8F9293
DCD7D9

Achromatopsia

3D3D3D
E5E5E5
C5C5C5
969696
E7E7E7

Shades & Tints Shades & Tints

#B20A10

Dark
Light

#E5EACC

Dark
Light

#C9CD90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b20a10;
  --color-2: #e5eacc;
  --color-3: #c9cd90;
  --color-4: #8e9d89;
  --color-5: #dbf4c0;
}

SCSS

$color-1: #b20a10;
$color-2: #e5eacc;
$color-3: #c9cd90;
$color-4: #8e9d89;
$color-5: #dbf4c0;

TAILWIND

colors: {
  'brand-1': '#b20a10',
  'brand-2': '#e5eacc',
  'brand-3': '#c9cd90',
  'brand-4': '#8e9d89',
  'brand-5': '#dbf4c0',
}

RGB Array

[178, 10, 16], [229, 234, 204], [201, 205, 144], [142, 157, 137], [219, 244, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B20A10, #E5EACC, #C9CD90, #8E9D89, #DBF4C0 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: #b20a10; --color-2: #e5eacc; --color-3: #c9cd90; --color-4: #8e9d89; --color-5: #dbf4c0. 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