← Back to Editor

#BEE6DD · #F6DCCB · #FFC9C2 · #FF757E · #AF1A30

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

#BEE6DD

Jade · LightBlue · Glacier Blue

HEX
#BEE6DD
RGB
rgb(190, 230, 221)
HSL
hsl(167, 44%, 82%)
HSB
hsb(167, 17%, 90%)
CMYK
cmyk(17%, 0%, 4%, 10%)
Oklch
oklch(89.4% 0.043 180.1)

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

#F6DCCB

Apricot · Bisque · Peach Orange

HEX
#F6DCCB
RGB
rgb(246, 220, 203)
HSL
hsl(24, 70%, 88%)
HSB
hsb(24, 17%, 96%)
CMYK
cmyk(0%, 11%, 17%, 4%)
Oklch
oklch(91.1% 0.037 55.3)

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

#FFC9C2

Peach Pink · Pink · Cherry Blossom

HEX
#FFC9C2
RGB
rgb(255, 201, 194)
HSL
hsl(7, 100%, 88%)
HSB
hsb(7, 24%, 100%)
CMYK
cmyk(0%, 21%, 24%, 0%)
Oklch
oklch(88.2% 0.063 26.9)

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

#FF757E

Peach Pink · Salmon · Coral Red

HEX
#FF757E
RGB
rgb(255, 117, 126)
HSL
hsl(356, 100%, 73%)
HSB
hsb(356, 54%, 100%)
CMYK
cmyk(0%, 54%, 51%, 0%)
Oklch
oklch(72.9% 0.168 18.2)

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

#AF1A30

Vermilion · FireBrick · Wine Red

HEX
#AF1A30
RGB
rgb(175, 26, 48)
HSL
hsl(351, 74%, 39%)
HSB
hsb(351, 85%, 69%)
CMYK
cmyk(0%, 85%, 73%, 31%)
Oklch
oklch(48.8% 0.181 20.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEE6DD
E5BDC6

Analogous

BDE5C8
BEE6DD
BDDAE5

Triadic

BEE6DD
DDBDE5
E5DDBD

Split-Comp.

BEE6DD
E5BDDA
E5C8BD

Tetradic

BEE6DD
C8BDE5
E5BDC6
DAE5BD

Contrast Matrix WCAG 2.1 Contrast

BEE6DD
F6DCCB
FFC9C2
FF757E
AF1A30
—
1.0
Fail
1.1
Fail
1.9
Fail
5.2
AA
1.0
Fail
—
1.1
Fail
2.0
Fail
5.3
AA
1.1
Fail
1.1
Fail
—
1.8
Fail
4.8
AA
1.9
Fail
2.0
Fail
1.8
Fail
—
2.7
Fail
5.2
AA
5.3
AA
4.8
AA
2.7
Fail
—
White BG
1.4Fail
1.3Fail
1.5Fail
2.6Fail
7.0AA
Black BG
15.6AAA
16.0AAA
14.4AAA
8.1AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFD0DF
EBEBCF
E8E7C4
C3C27C
6E6D2B

Deuteranopia

CDCAE0
ECEED0
EBEFC4
CBD67B
778229

Tritanopia

C0E1E1
F5D2D3
FCC5C5
F87A7A
A82626

Achromatopsia

D9D9D9
E2E2E2
D8D8D8
9F9F9F
494949

Shades & Tints Shades & Tints

#BEE6DD

Dark
Light

#F6DCCB

Dark
Light

#FFC9C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bee6dd;
  --color-2: #f6dccb;
  --color-3: #ffc9c2;
  --color-4: #ff757e;
  --color-5: #af1a30;
}

SCSS

$color-1: #bee6dd;
$color-2: #f6dccb;
$color-3: #ffc9c2;
$color-4: #ff757e;
$color-5: #af1a30;

TAILWIND

colors: {
  'brand-1': '#bee6dd',
  'brand-2': '#f6dccb',
  'brand-3': '#ffc9c2',
  'brand-4': '#ff757e',
  'brand-5': '#af1a30',
}

RGB Array

[190, 230, 221], [246, 220, 203], [255, 201, 194], [255, 117, 126], [175, 26, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEE6DD, #F6DCCB, #FFC9C2, #FF757E, #AF1A30 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #bee6dd; --color-2: #f6dccb; --color-3: #ffc9c2; --color-4: #ff757e; --color-5: #af1a30. 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 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