#E16A7D + #C5C8E7 + #C3E8F8 + #F8F8EE + #C69A77 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E16A7D

Peach Pink · LightCoral · Coral Red

HEX

#E16A7D

RGB

rgb(225, 106, 125)

HSL

hsl(350, 66%, 65%)

HSB

hsb(350, 53%, 88%)

CMYK

cmyk(0%, 53%, 44%, 12%)

Oklch

oklch(67.1% 0.149 12.0)

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

#C5C8E7

Azure · LightSteelBlue · Sky Blue

HEX

#C5C8E7

RGB

rgb(197, 200, 231)

HSL

hsl(235, 41%, 84%)

HSB

hsb(235, 15%, 91%)

CMYK

cmyk(15%, 13%, 0%, 9%)

Oklch

oklch(84.0% 0.043 281.1)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#C3E8F8

Sky Blue · LightBlue · Glacier Blue

HEX

#C3E8F8

RGB

rgb(195, 232, 248)

HSL

hsl(198, 79%, 87%)

HSB

hsb(198, 21%, 97%)

CMYK

cmyk(21%, 6%, 0%, 3%)

Oklch

oklch(91.0% 0.044 225.9)

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

#F8F8EE

Fresh Green · SeaShell · Lemon Cream

HEX

#F8F8EE

RGB

rgb(248, 248, 238)

HSL

hsl(60, 42%, 95%)

HSB

hsb(60, 4%, 97%)

CMYK

cmyk(0%, 0%, 4%, 3%)

Oklch

oklch(97.6% 0.013 106.6)

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

#C69A77

Apricot · DarkSalmon · Warm Sun

HEX

#C69A77

RGB

rgb(198, 154, 119)

HSL

hsl(27, 41%, 62%)

HSB

hsb(27, 40%, 78%)

CMYK

cmyk(0%, 22%, 40%, 22%)

Oklch

oklch(71.9% 0.071 59.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E16A7D

6BE1CD

Analogous

E16BB9

E16A7D

E1926B

Triadic

E16A7D

7EE16B

6B7EE1

Split-Comp.

E16A7D

6BE192

6BB9E1

Tetradic

E16A7D

B9E16B

6BE1CD

926BE1

Contrast Matrix WCAG 2.1 Contrast

E16A7D	C5C8E7	C3E8F8	F8F8EE	C69A77
—	1.9 Fail	2.5 Fail	3.0 Fail	1.3 Fail
1.9 Fail	—	1.3 Fail	1.5 Fail	1.5 Fail
2.5 Fail	1.3 Fail	—	1.2 Fail	2.0 Fail
3.0 Fail	1.5 Fail	1.2 Fail	—	2.4 Fail
1.3 Fail	1.5 Fail	2.0 Fail	2.4 Fail	—

White BG

3.2AA Large

1.6Fail

1.3Fail

1.1Fail

2.5Fail

Black BG

6.6AA

12.8AAA

16.2AAA

19.7AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC78

C6C6DF

D3D3F4

F8F8F0

B3B37F

Deuteranopia

B4BD77

C6C6DE

D1CEF3

F8F8F1

B6B982

Tritanopia

DB7574

C5DAD8

C5F1F0

F8F2F3

C48688

Achromatopsia

909090

CBCBCB

DFDFDF

F7F7F7

A3A3A3

Shades & Tints Shades & Tints

#E16A7D

Dark

Light

#C5C8E7

Dark

Light

#C3E8F8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e16a7d;
  --color-2: #c5c8e7;
  --color-3: #c3e8f8;
  --color-4: #f8f8ee;
  --color-5: #c69a77;
}

SCSS

$color-1: #e16a7d;
$color-2: #c5c8e7;
$color-3: #c3e8f8;
$color-4: #f8f8ee;
$color-5: #c69a77;

TAILWIND

colors: {
  'brand-1': '#e16a7d',
  'brand-2': '#c5c8e7',
  'brand-3': '#c3e8f8',
  'brand-4': '#f8f8ee',
  'brand-5': '#c69a77',
}

RGB Array

[225, 106, 125], [197, 200, 231], [195, 232, 248], [248, 248, 238], [198, 154, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E16A7D, #C5C8E7, #C3E8F8, #F8F8EE, #C69A77 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: #e16a7d; --color-2: #c5c8e7; --color-3: #c3e8f8; --color-4: #f8f8ee; --color-5: #c69a77. 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