← Back to Editor

#CDEFF6 · #D9F1A2 · #C5D553 · #FDE5EC · #F9586B

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 App

Color Details Color Details

#CDEFF6

Sky Blue · Lavender · Glacier Blue

HEX
#CDEFF6
RGB
rgb(205, 239, 246)
HSL
hsl(190, 69%, 88%)
HSB
hsb(190, 17%, 96%)
CMYK
cmyk(17%, 3%, 0%, 4%)
Oklch
oklch(93.0% 0.037 211.5)

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

#D9F1A2

Willow Green · Khaki · Apple Green

HEX
#D9F1A2
RGB
rgb(217, 241, 162)
HSL
hsl(78, 74%, 79%)
HSB
hsb(78, 33%, 95%)
CMYK
cmyk(10%, 0%, 33%, 5%)
Oklch
oklch(92.2% 0.105 122.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C5D553

Autumn Sage · GreenYellow · Sunflower

HEX
#C5D553
RGB
rgb(197, 213, 83)
HSL
hsl(67, 61%, 58%)
HSB
hsb(67, 61%, 84%)
CMYK
cmyk(8%, 0%, 61%, 16%)
Oklch
oklch(83.6% 0.154 115.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FDE5EC

Rouge · Linen · Cherry Blossom

HEX
#FDE5EC
RGB
rgb(253, 229, 236)
HSL
hsl(343, 86%, 95%)
HSB
hsb(343, 9%, 99%)
CMYK
cmyk(0%, 9%, 7%, 1%)
Oklch
oklch(94.3% 0.028 358.0)

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

#F9586B

Peach Pink · Tomato · Coral Red

HEX
#F9586B
RGB
rgb(249, 88, 107)
HSL
hsl(353, 93%, 66%)
HSB
hsb(353, 65%, 98%)
CMYK
cmyk(0%, 65%, 57%, 2%)
Oklch
oklch(68.0% 0.196 17.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDEFF6
F6D2CB

Analogous

CBF6E7
CDEFF6
CBD9F6

Triadic

CDEFF6
F6CBEE
EEF6CB

Split-Comp.

CDEFF6
F6CBD9
F6E7CB

Tetradic

CDEFF6
E7CBF6
F6D2CB
D9F6CB

Contrast Matrix WCAG 2.1 Contrast

CDEFF6
D9F1A2
C5D553
FDE5EC
F9586B
—
1.0
Fail
1.3
Fail
1.0
Fail
2.6
Fail
1.0
Fail
—
1.3
Fail
1.0
Fail
2.6
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
1.0
Fail
1.0
Fail
1.4
Fail
—
2.7
Fail
2.6
Fail
2.6
Fail
2.0
Fail
2.7
Fail
—
White BG
1.2Fail
1.2Fail
1.6Fail
1.2Fail
3.2AA Large
Black BG
17.3AAA
17.1AAA
13.0AAA
17.6AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCF4
E3E4B5
CCCC72
F3F2EA
B3B266

Deuteranopia

DAD7F4
E2E0BA
CBCA7A
F4F6EA
BDC965

Tritanopia

CFF3F3
DAC4C8
C68B91
FCE9E9
F16362

Achromatopsia

E6E6E6
E1E1E1
C1C1C1
EDEDED
8A8A8A

Shades & Tints Shades & Tints

#CDEFF6

Dark
Light

#D9F1A2

Dark
Light

#C5D553

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdeff6;
  --color-2: #d9f1a2;
  --color-3: #c5d553;
  --color-4: #fde5ec;
  --color-5: #f9586b;
}

SCSS

$color-1: #cdeff6;
$color-2: #d9f1a2;
$color-3: #c5d553;
$color-4: #fde5ec;
$color-5: #f9586b;

TAILWIND

colors: {
  'brand-1': '#cdeff6',
  'brand-2': '#d9f1a2',
  'brand-3': '#c5d553',
  'brand-4': '#fde5ec',
  'brand-5': '#f9586b',
}

RGB Array

[205, 239, 246], [217, 241, 162], [197, 213, 83], [253, 229, 236], [249, 88, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDEFF6, #D9F1A2, #C5D553, #FDE5EC, #F9586B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #cdeff6; --color-2: #d9f1a2; --color-3: #c5d553; --color-4: #fde5ec; --color-5: #f9586b. 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 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