← Back to Editor

#CE6164 · #E09B64 · #9AE8FF · #F3CEBE · #211F2C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CE6164

Crimson · LightCoral · Passion Red

HEX
#CE6164
RGB
rgb(206, 97, 100)
HSL
hsl(358, 53%, 59%)
HSB
hsb(358, 53%, 81%)
CMYK
cmyk(0%, 53%, 51%, 19%)
Oklch
oklch(62.6% 0.139 20.2)

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

#E09B64

Apricot · SandyBrown · Warm Sun

HEX
#E09B64
RGB
rgb(224, 155, 100)
HSL
hsl(27, 67%, 64%)
HSB
hsb(27, 55%, 88%)
CMYK
cmyk(0%, 31%, 55%, 12%)
Oklch
oklch(74.6% 0.109 58.6)

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

#9AE8FF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#9AE8FF
RGB
rgb(154, 232, 255)
HSL
hsl(194, 100%, 80%)
HSB
hsb(194, 40%, 100%)
CMYK
cmyk(40%, 9%, 0%, 0%)
Oklch
oklch(88.8% 0.083 218.4)

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

#F3CEBE

Apricot · Wheat · Peach Orange

HEX
#F3CEBE
RGB
rgb(243, 206, 190)
HSL
hsl(18, 69%, 85%)
HSB
hsb(18, 22%, 95%)
CMYK
cmyk(0%, 15%, 22%, 5%)
Oklch
oklch(87.9% 0.047 44.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#211F2C

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#211F2C
RGB
rgb(33, 31, 44)
HSL
hsl(249, 17%, 15%)
HSB
hsb(249, 30%, 17%)
CMYK
cmyk(25%, 30%, 0%, 83%)
Oklch
oklch(24.8% 0.025 291.5)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE6164
5FCECA

Analogous

CE5F9A
CE6164
CE935F

Triadic

CE6164
63CE5F
5F63CE

Split-Comp.

CE6164
5FCE93
5F9ACE

Tetradic

CE6164
9ACE5F
5FCECA
935FCE

Contrast Matrix WCAG 2.1 Contrast

CE6164
E09B64
9AE8FF
F3CEBE
211F2C
—
1.6
Fail
2.8
Fail
2.6
Fail
4.3
AA Large
1.6
Fail
—
1.7
Fail
1.6
Fail
7.0
AA
2.8
Fail
1.7
Fail
—
1.1
Fail
11.8
AAA
2.6
Fail
1.6
Fail
1.1
Fail
—
11.1
AAA
4.3
AA Large
7.0
AA
11.8
AAA
11.1
AAA
—
White BG
3.8AA Large
2.3Fail
1.4Fail
1.5Fail
16.2AAA
Black BG
5.5AA
9.0AAA
15.4AAA
14.4AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E63
C2C271
BCBCF9
E3E3C2
202029

Deuteranopia

A5AD63
C6CB75
B7B1F8
E5E8C3
202028

Tritanopia

C96363
DD7C7E
9EF5F4
F1C5C6
212626

Achromatopsia

828282
A9A9A9
D3D3D3
D7D7D7
212121

Shades & Tints Shades & Tints

#CE6164

Dark
Light

#E09B64

Dark
Light

#9AE8FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce6164;
  --color-2: #e09b64;
  --color-3: #9ae8ff;
  --color-4: #f3cebe;
  --color-5: #211f2c;
}

SCSS

$color-1: #ce6164;
$color-2: #e09b64;
$color-3: #9ae8ff;
$color-4: #f3cebe;
$color-5: #211f2c;

TAILWIND

colors: {
  'brand-1': '#ce6164',
  'brand-2': '#e09b64',
  'brand-3': '#9ae8ff',
  'brand-4': '#f3cebe',
  'brand-5': '#211f2c',
}

RGB Array

[206, 97, 100], [224, 155, 100], [154, 232, 255], [243, 206, 190], [33, 31, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE6164, #E09B64, #9AE8FF, #F3CEBE, #211F2C is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ce6164; --color-2: #e09b64; --color-3: #9ae8ff; --color-4: #f3cebe; --color-5: #211f2c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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