#E38691 + #F8C9D3 + #D8E3E5 + #BAC6C6 + #A1A1A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E38691

Peach Pink · LightCoral · Coral Red

HEX

#E38691

RGB

rgb(227, 134, 145)

HSL

hsl(353, 62%, 71%)

HSB

hsb(353, 41%, 89%)

CMYK

cmyk(0%, 41%, 36%, 11%)

Oklch

oklch(72.2% 0.114 12.7)

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

#F8C9D3

Peach Pink · Pink · Cherry Blossom

HEX

#F8C9D3

RGB

rgb(248, 201, 211)

HSL

hsl(347, 77%, 88%)

HSB

hsb(347, 19%, 97%)

CMYK

cmyk(0%, 19%, 15%, 3%)

Oklch

oklch(87.9% 0.055 4.0)

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

#D8E3E5

Sky Blue · LightGray · Glacier Blue

HEX

#D8E3E5

RGB

rgb(216, 227, 229)

HSL

hsl(189, 20%, 87%)

HSB

hsb(189, 6%, 90%)

CMYK

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

Oklch

oklch(90.8% 0.012 209.8)

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

#BAC6C6

Sky Blue · Silver · Lake Green

HEX

#BAC6C6

RGB

rgb(186, 198, 198)

HSL

hsl(180, 10%, 75%)

HSB

hsb(180, 6%, 78%)

CMYK

cmyk(6%, 0%, 0%, 22%)

Oklch

oklch(81.7% 0.013 196.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A1A1A1

Ash · DarkGray · Silver Sand

HEX

#A1A1A1

RGB

rgb(161, 161, 161)

HSL

hsl(0, 0%, 63%)

HSB

hsb(0, 0%, 63%)

CMYK

cmyk(0%, 0%, 0%, 37%)

Oklch

oklch(70.9% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E38691

87E3D8

Analogous

E387C0

E38691

E3AA87

Triadic

E38691

92E387

8792E3

Split-Comp.

E38691

87E3AA

87C0E3

Tetradic

E38691

C0E387

87E3D8

AA87E3

Contrast Matrix WCAG 2.1 Contrast

E38691	F8C9D3	D8E3E5	BAC6C6	A1A1A1
—	1.8 Fail	2.0 Fail	1.5 Fail	1.0 Fail
1.8 Fail	—	1.1 Fail	1.2 Fail	1.8 Fail
2.0 Fail	1.1 Fail	—	1.3 Fail	2.0 Fail
1.5 Fail	1.2 Fail	1.3 Fail	—	1.5 Fail
1.0 Fail	1.8 Fail	2.0 Fail	1.5 Fail	—

White BG

2.6Fail

1.5Fail

1.3Fail

1.8Fail

2.6Fail

Black BG

8.1AAA

14.3AAA

16.0AAA

12.0AAA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA8E

E4E3D1

DDDDE5

BFBFC6

A1A1A1

Deuteranopia

C0C78E

E6EAD0

DCDBE4

BFBEC6

A1A1A1

Tritanopia

DE8C8C

F6CFCE

D9E4E4

BBC6C6

A1A1A1

Achromatopsia

A3A3A3

D8D8D8

E0E0E0

C2C2C2

A1A1A1

Shades & Tints Shades & Tints

#E38691

Dark

Light

#F8C9D3

Dark

Light

#D8E3E5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e38691;
  --color-2: #f8c9d3;
  --color-3: #d8e3e5;
  --color-4: #bac6c6;
  --color-5: #a1a1a1;
}

SCSS

$color-1: #e38691;
$color-2: #f8c9d3;
$color-3: #d8e3e5;
$color-4: #bac6c6;
$color-5: #a1a1a1;

TAILWIND

colors: {
  'brand-1': '#e38691',
  'brand-2': '#f8c9d3',
  'brand-3': '#d8e3e5',
  'brand-4': '#bac6c6',
  'brand-5': '#a1a1a1',
}

RGB Array

[227, 134, 145], [248, 201, 211], [216, 227, 229], [186, 198, 198], [161, 161, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E38691, #F8C9D3, #D8E3E5, #BAC6C6, #A1A1A1 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: #e38691; --color-2: #f8c9d3; --color-3: #d8e3e5; --color-4: #bac6c6; --color-5: #a1a1a1. 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