#EB3B3B + #E06767 + #D19292 + #BBC4C1 + #A0DED2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB3B3B

Vermilion · Crimson · Passion Red

HEX

#EB3B3B

RGB

rgb(235, 59, 59)

HSL

hsl(0, 81%, 58%)

HSB

hsb(0, 75%, 92%)

CMYK

cmyk(0%, 75%, 75%, 8%)

Oklch

oklch(62.1% 0.212 26.0)

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

#E06767

Peach Pink · Salmon · Coral Red

HEX

#E06767

RGB

rgb(224, 103, 103)

HSL

hsl(0, 66%, 64%)

HSB

hsb(0, 54%, 88%)

CMYK

cmyk(0%, 54%, 54%, 12%)

Oklch

oklch(66.1% 0.152 22.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D19292

Peach Pink · DarkSalmon · Coral Red

HEX

#D19292

RGB

rgb(209, 146, 146)

HSL

hsl(0, 41%, 70%)

HSB

hsb(0, 30%, 82%)

CMYK

cmyk(0%, 30%, 30%, 18%)

Oklch

oklch(72.2% 0.077 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BBC4C1

Silver Gray · Silver · Pearl Gray

HEX

#BBC4C1

RGB

rgb(187, 196, 193)

HSL

hsl(160, 7%, 75%)

HSB

hsb(160, 5%, 77%)

CMYK

cmyk(5%, 0%, 2%, 23%)

Oklch

oklch(81.2% 0.011 174.2)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#A0DED2

Jade · LightBlue · Lake Green

HEX

#A0DED2

RGB

rgb(160, 222, 210)

HSL

hsl(168, 48%, 75%)

HSB

hsb(168, 28%, 87%)

CMYK

cmyk(28%, 0%, 5%, 13%)

Oklch

oklch(85.5% 0.065 181.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB3B3B

3DEBEB

Analogous

EB3D94

EB3B3B

EB943D

Triadic

EB3B3B

3DEB3D

3D3DEB

Split-Comp.

EB3B3B

3DEB94

3D94EB

Tetradic

EB3B3B

94EB3D

3DEBEB

943DEB

Contrast Matrix WCAG 2.1 Contrast

EB3B3B	E06767	D19292	BBC4C1	A0DED2
—	1.2 Fail	1.6 Fail	2.3 Fail	2.7 Fail
1.2 Fail	—	1.3 Fail	1.9 Fail	2.2 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	1.7 Fail
2.3 Fail	1.9 Fail	1.4 Fail	—	1.2 Fail
2.7 Fail	2.2 Fail	1.7 Fail	1.2 Fail	—

White BG

4.0AA Large

3.3AA Large

2.5Fail

1.8Fail

1.5Fail

Black BG

5.2AA

6.3AA

8.2AAA

11.8AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9D3B

ACAB67

B6B592

BFBFC2

BBBBD5

Deuteranopia

A9B63B

B3BC67

B9BE92

BEBEC2

B7B3D6

Tritanopia

E23B3B

DA6767

CE9292

BBC2C2

A3D7D8

Achromatopsia

707070

8B8B8B

A5A5A5

C1C1C1

CACACA

Shades & Tints Shades & Tints

#EB3B3B

Dark

Light

#E06767

Dark

Light

#D19292

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb3b3b;
  --color-2: #e06767;
  --color-3: #d19292;
  --color-4: #bbc4c1;
  --color-5: #a0ded2;
}

SCSS

$color-1: #eb3b3b;
$color-2: #e06767;
$color-3: #d19292;
$color-4: #bbc4c1;
$color-5: #a0ded2;

TAILWIND

colors: {
  'brand-1': '#eb3b3b',
  'brand-2': '#e06767',
  'brand-3': '#d19292',
  'brand-4': '#bbc4c1',
  'brand-5': '#a0ded2',
}

RGB Array

[235, 59, 59], [224, 103, 103], [209, 146, 146], [187, 196, 193], [160, 222, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB3B3B, #E06767, #D19292, #BBC4C1, #A0DED2 is ideal for: health products, baby brands, fresh-style blogs. 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: #eb3b3b; --color-2: #e06767; --color-3: #d19292; --color-4: #bbc4c1; --color-5: #a0ded2. 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. 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