#E94E77 + #D6818A + #C6A49A + #C6E5D8 + #F4EAD4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E94E77

Rouge · LightCoral · Rose Pink

HEX

#E94E77

RGB

rgb(233, 78, 119)

HSL

hsl(344, 78%, 61%)

HSB

hsb(344, 67%, 91%)

CMYK

cmyk(0%, 67%, 49%, 9%)

Oklch

oklch(64.7% 0.192 8.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D6818A

Peach Pink · LightCoral · Coral Red

HEX

#D6818A

RGB

rgb(214, 129, 138)

HSL

hsl(354, 51%, 67%)

HSB

hsb(354, 40%, 84%)

CMYK

cmyk(0%, 40%, 36%, 16%)

Oklch

oklch(69.6% 0.105 13.3)

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

#C6A49A

Peach Pink · Tan · Coral Red

HEX

#C6A49A

RGB

rgb(198, 164, 154)

HSL

hsl(14, 28%, 69%)

HSB

hsb(14, 22%, 78%)

CMYK

cmyk(0%, 17%, 22%, 22%)

Oklch

oklch(74.6% 0.043 37.0)

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

#C6E5D8

Jade · LightGray · Mint Green

HEX

#C6E5D8

RGB

rgb(198, 229, 216)

HSL

hsl(155, 37%, 84%)

HSB

hsb(155, 14%, 90%)

CMYK

cmyk(14%, 0%, 6%, 10%)

Oklch

oklch(89.6% 0.037 168.3)

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

#F4EAD4

Goose Yellow · Beige · Lemon Cream

HEX

#F4EAD4

RGB

rgb(244, 234, 212)

HSL

hsl(41, 59%, 89%)

HSB

hsb(41, 13%, 96%)

CMYK

cmyk(0%, 4%, 13%, 4%)

Oklch

oklch(93.9% 0.031 86.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E94E77

4EE9C0

Analogous

E94EC5

E94E77

E9724E

Triadic

E94E77

77E94E

4E77E9

Split-Comp.

E94E77

4EE972

4EC5E9

Tetradic

E94E77

C5E94E

4EE9C0

724EE9

Contrast Matrix WCAG 2.1 Contrast

E94E77	D6818A	C6A49A	C6E5D8	F4EAD4
—	1.3 Fail	1.6 Fail	2.7 Fail	3.0 AA Large
1.3 Fail	—	1.2 Fail	2.1 Fail	2.4 Fail
1.6 Fail	1.2 Fail	—	1.7 Fail	1.9 Fail
2.7 Fail	2.1 Fail	1.7 Fail	—	1.1 Fail
3.0 AA Large	2.4 Fail	1.9 Fail	1.1 Fail	—

White BG

3.6AA Large

2.9Fail

2.3Fail

1.3Fail

1.2Fail

Black BG

5.8AA

7.4AAA

9.2AAA

15.6AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A46D

B1B088

B7B79C

D3D4DB

F0F0D9

Deuteranopia

AFBB6B

B6BC87

B9BC9D

D2CFDC

F0F1DB

Tritanopia

E16564

D28686

C49E9F

C8DEDE

F3DEDE

Achromatopsia

818181

9B9B9B

ADADAD

DADADA

EAEAEA

Shades & Tints Shades & Tints

#E94E77

Dark

Light

#D6818A

Dark

Light

#C6A49A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e94e77;
  --color-2: #d6818a;
  --color-3: #c6a49a;
  --color-4: #c6e5d8;
  --color-5: #f4ead4;
}

SCSS

$color-1: #e94e77;
$color-2: #d6818a;
$color-3: #c6a49a;
$color-4: #c6e5d8;
$color-5: #f4ead4;

TAILWIND

colors: {
  'brand-1': '#e94e77',
  'brand-2': '#d6818a',
  'brand-3': '#c6a49a',
  'brand-4': '#c6e5d8',
  'brand-5': '#f4ead4',
}

RGB Array

[233, 78, 119], [214, 129, 138], [198, 164, 154], [198, 229, 216], [244, 234, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E94E77, #D6818A, #C6A49A, #C6E5D8, #F4EAD4 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: #e94e77; --color-2: #d6818a; --color-3: #c6a49a; --color-4: #c6e5d8; --color-5: #f4ead4. 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