#E0485E + #DF5F72 + #E07C8A + #E099A3 + #E0BBC0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0485E

Vermilion · Tomato · Passion Red

HEX

#E0485E

RGB

rgb(224, 72, 94)

HSL

hsl(351, 71%, 58%)

HSB

hsb(351, 68%, 88%)

CMYK

cmyk(0%, 68%, 58%, 12%)

Oklch

oklch(62.1% 0.187 16.3)

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

#DF5F72

Peach Pink · LightCoral · Coral Red

HEX

#DF5F72

RGB

rgb(223, 95, 114)

HSL

hsl(351, 67%, 62%)

HSB

hsb(351, 57%, 87%)

CMYK

cmyk(0%, 57%, 49%, 13%)

Oklch

oklch(65.1% 0.160 13.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E07C8A

Peach Pink · LightCoral · Coral Red

HEX

#E07C8A

RGB

rgb(224, 124, 138)

HSL

hsl(352, 62%, 68%)

HSB

hsb(352, 45%, 88%)

CMYK

cmyk(0%, 45%, 38%, 12%)

Oklch

oklch(70.0% 0.124 11.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E099A3

Peach Pink · Tan · Coral Red

HEX

#E099A3

RGB

rgb(224, 153, 163)

HSL

hsl(352, 53%, 74%)

HSB

hsb(352, 32%, 88%)

CMYK

cmyk(0%, 32%, 27%, 12%)

Oklch

oklch(75.5% 0.086 10.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E0BBC0

Peach Pink · LightPink · Cherry Blossom

HEX

#E0BBC0

RGB

rgb(224, 187, 192)

HSL

hsl(352, 37%, 81%)

HSB

hsb(352, 17%, 88%)

CMYK

cmyk(0%, 17%, 14%, 12%)

Oklch

oklch(82.6% 0.043 8.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0485E

48E0C9

Analogous

E048AB

E0485E

E07D48

Triadic

E0485E

5FE048

485FE0

Split-Comp.

E0485E

48E07D

48ABE0

Tetradic

E0485E

ABE048

48E0C9

7D48E0

Contrast Matrix WCAG 2.1 Contrast

E0485E	DF5F72	E07C8A	E099A3	E0BBC0
—	1.1 Fail	1.4 Fail	1.8 Fail	2.3 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	2.0 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.3 Fail	2.0 Fail	1.6 Fail	1.3 Fail	—

White BG

4.0AA Large

3.5AA Large

2.8Fail

2.3Fail

1.7Fail

Black BG

5.3AA

6.0AA

7.4AAA

9.3AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D59

A8A66D

B5B487

C1C1A1

D0D0BF

Deuteranopia

A7B257

AFB96C

BBC286

C5CBA0

D2D5BE

Tritanopia

D85454

D96A69

DB8483

DC9F9E

DEBEBE

Achromatopsia

787878

878787

9B9B9B

AFAFAF

C7C7C7

Shades & Tints Shades & Tints

#E0485E

Dark

Light

#DF5F72

Dark

Light

#E07C8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0485e;
  --color-2: #df5f72;
  --color-3: #e07c8a;
  --color-4: #e099a3;
  --color-5: #e0bbc0;
}

SCSS

$color-1: #e0485e;
$color-2: #df5f72;
$color-3: #e07c8a;
$color-4: #e099a3;
$color-5: #e0bbc0;

TAILWIND

colors: {
  'brand-1': '#e0485e',
  'brand-2': '#df5f72',
  'brand-3': '#e07c8a',
  'brand-4': '#e099a3',
  'brand-5': '#e0bbc0',
}

RGB Array

[224, 72, 94], [223, 95, 114], [224, 124, 138], [224, 153, 163], [224, 187, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0485E, #DF5F72, #E07C8A, #E099A3, #E0BBC0 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: #e0485e; --color-2: #df5f72; --color-3: #e07c8a; --color-4: #e099a3; --color-5: #e0bbc0. 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