#F5E6E9 + #EFCAD4 + #E8A0BE + #D490BB + #B18EC1 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F5E6E9

Peach Pink · Linen · Cherry Blossom

HEX

#F5E6E9

RGB

rgb(245, 230, 233)

HSL

hsl(348, 43%, 93%)

HSB

hsb(348, 6%, 96%)

CMYK

cmyk(0%, 6%, 5%, 4%)

Oklch

oklch(93.8% 0.017 3.7)

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

#EFCAD4

Rouge · Pink · Cherry Blossom

HEX

#EFCAD4

RGB

rgb(239, 202, 212)

HSL

hsl(344, 54%, 86%)

HSB

hsb(344, 15%, 94%)

CMYK

cmyk(0%, 15%, 11%, 6%)

Oklch

oklch(87.3% 0.044 359.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E8A0BE

Rouge · LightPink · Cherry Blossom

HEX

#E8A0BE

RGB

rgb(232, 160, 190)

HSL

hsl(335, 61%, 77%)

HSB

hsb(335, 31%, 91%)

CMYK

cmyk(0%, 31%, 18%, 9%)

Oklch

oklch(78.4% 0.093 352.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#D490BB

Mauve · Orchid · Rose Pink

HEX

#D490BB

RGB

rgb(212, 144, 187)

HSL

hsl(322, 44%, 70%)

HSB

hsb(322, 32%, 83%)

CMYK

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

Oklch

oklch(73.4% 0.099 341.5)

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

#B18EC1

Lilac · DarkGray · Lilac Purple

HEX

#B18EC1

RGB

rgb(177, 142, 193)

HSL

hsl(281, 29%, 66%)

HSB

hsb(281, 26%, 76%)

CMYK

cmyk(8%, 26%, 0%, 24%)

Oklch

oklch(69.7% 0.083 315.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5E6E9

E5F5F2

Analogous

F5E5F0

F5E6E9

F5EAE5

Triadic

F5E6E9

E9F5E5

E5E9F5

Split-Comp.

F5E6E9

E5F5EA

E5F0F5

Tetradic

F5E6E9

F0F5E5

E5F5F2

EAE5F5

Contrast Matrix WCAG 2.1 Contrast

F5E6E9	EFCAD4	E8A0BE	D490BB	B18EC1
—	1.2 Fail	1.7 Fail	2.0 Fail	2.3 Fail
1.2 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
1.7 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
2.0 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.3 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

1.2Fail

1.5Fail

2.1Fail

2.5Fail

2.8Fail

Black BG

17.4AAA

14.1AAA

10.2AAA

8.5AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEE8

DFDFD2

C9C8B7

B7B6B1

A2A2B5

Deuteranopia

EFF1E8

E1E4D1

CDD2B5

BBC0AE

A4A7B2

Tritanopia

F4E8E8

EDD0CF

E4B1B0

D1A8A7

AFABA9

Achromatopsia

EBEBEB

D6D6D6

B9B9B9

A9A9A9

9E9E9E

Shades & Tints Shades & Tints

#F5E6E9

Dark

Light

#EFCAD4

Dark

Light

#E8A0BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5e6e9;
  --color-2: #efcad4;
  --color-3: #e8a0be;
  --color-4: #d490bb;
  --color-5: #b18ec1;
}

SCSS

$color-1: #f5e6e9;
$color-2: #efcad4;
$color-3: #e8a0be;
$color-4: #d490bb;
$color-5: #b18ec1;

TAILWIND

colors: {
  'brand-1': '#f5e6e9',
  'brand-2': '#efcad4',
  'brand-3': '#e8a0be',
  'brand-4': '#d490bb',
  'brand-5': '#b18ec1',
}

RGB Array

[245, 230, 233], [239, 202, 212], [232, 160, 190], [212, 144, 187], [177, 142, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #F5E6E9, #EFCAD4, #E8A0BE, #D490BB, #B18EC1 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: #f5e6e9; --color-2: #efcad4; --color-3: #e8a0be; --color-4: #d490bb; --color-5: #b18ec1. 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 space-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