← Back to Editor

#F1E9E8 · #E9DCDB · #EECECB · #E03828 · #EBADA7

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F1E9E8

Peach Pink · Linen · Cherry Blossom

HEX
#F1E9E8
RGB
rgb(241, 233, 232)
HSL
hsl(7, 24%, 93%)
HSB
hsb(7, 4%, 95%)
CMYK
cmyk(0%, 3%, 4%, 5%)
Oklch
oklch(94.0% 0.009 26.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E9DCDB

Peach Pink · LightGray · Cherry Blossom

HEX
#E9DCDB
RGB
rgb(233, 220, 219)
HSL
hsl(4, 24%, 89%)
HSB
hsb(4, 6%, 91%)
CMYK
cmyk(0%, 6%, 6%, 9%)
Oklch
oklch(90.5% 0.014 22.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EECECB

Peach Pink · Pink · Cherry Blossom

HEX
#EECECB
RGB
rgb(238, 206, 203)
HSL
hsl(5, 51%, 86%)
HSB
hsb(5, 15%, 93%)
CMYK
cmyk(0%, 13%, 15%, 7%)
Oklch
oklch(87.8% 0.036 24.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E03828

Vermilion · Crimson · Passion Red

HEX
#E03828
RGB
rgb(224, 56, 40)
HSL
hsl(5, 75%, 52%)
HSB
hsb(5, 82%, 88%)
CMYK
cmyk(0%, 75%, 82%, 12%)
Oklch
oklch(59.7% 0.207 29.8)

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

#EBADA7

Peach Pink · LightPink · Coral Red

HEX
#EBADA7
RGB
rgb(235, 173, 167)
HSL
hsl(5, 63%, 79%)
HSB
hsb(5, 29%, 92%)
CMYK
cmyk(0%, 26%, 29%, 8%)
Oklch
oklch(80.4% 0.074 25.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E9E8
E9F0F1

Analogous

F1E9EC
F1E9E8
F1EEE9

Triadic

F1E9E8
E9F1EA
EAE9F1

Split-Comp.

F1E9E8
E9F1EE
E9ECF1

Tetradic

F1E9E8
ECF1E9
E9F0F1
EEE9F1

Contrast Matrix WCAG 2.1 Contrast

F1E9E8
E9DCDB
EECECB
E03828
EBADA7
—
1.1
Fail
1.2
Fail
3.7
AA Large
1.6
Fail
1.1
Fail
—
1.1
Fail
3.3
AA Large
1.4
Fail
1.2
Fail
1.1
Fail
—
3.0
AA Large
1.3
Fail
3.7
AA Large
3.3
AA Large
3.0
AA Large
—
2.3
Fail
1.6
Fail
1.4
Fail
1.3
Fail
2.3
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
4.4AA Large
1.9Fail
Black BG
17.6AAA
15.7AAA
14.3AAA
4.8AA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDE8
E3E3DB
E0E0CC
97962C
D0D0A8

Deuteranopia

EEEFE8
E4E5DB
E2E4CC
A1AE2D
D4D8A9

Tritanopia

F1E8E8
E8DBDB
ECCCCC
D82F30
E8AAAA

Achromatopsia

EBEBEB
E0E0E0
D7D7D7
686868
BFBFBF

Shades & Tints Shades & Tints

#F1E9E8

Dark
Light

#E9DCDB

Dark
Light

#EECECB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e9e8;
  --color-2: #e9dcdb;
  --color-3: #eececb;
  --color-4: #e03828;
  --color-5: #ebada7;
}

SCSS

$color-1: #f1e9e8;
$color-2: #e9dcdb;
$color-3: #eececb;
$color-4: #e03828;
$color-5: #ebada7;

TAILWIND

colors: {
  'brand-1': '#f1e9e8',
  'brand-2': '#e9dcdb',
  'brand-3': '#eececb',
  'brand-4': '#e03828',
  'brand-5': '#ebada7',
}

RGB Array

[241, 233, 232], [233, 220, 219], [238, 206, 203], [224, 56, 40], [235, 173, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #F1E9E8, #E9DCDB, #EECECB, #E03828, #EBADA7 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #f1e9e8; --color-2: #e9dcdb; --color-3: #eececb; --color-4: #e03828; --color-5: #ebada7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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