← Back to Editor

#C8DEEB · #41BAE1 · #FEFBCF · #CF4C36 · #F4CC63

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

#C8DEEB

Sky Blue · LightBlue · Sky Blue

HEX
#C8DEEB
RGB
rgb(200, 222, 235)
HSL
hsl(202, 47%, 85%)
HSB
hsb(202, 15%, 92%)
CMYK
cmyk(15%, 6%, 0%, 8%)
Oklch
oklch(88.8% 0.030 233.6)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#41BAE1

Lake Blue · MediumTurquoise · Lake Green

HEX
#41BAE1
RGB
rgb(65, 186, 225)
HSL
hsl(195, 73%, 57%)
HSB
hsb(195, 71%, 88%)
CMYK
cmyk(71%, 17%, 0%, 12%)
Oklch
oklch(73.8% 0.118 223.6)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#FEFBCF

Fresh Green · Beige · Lemon Cream

HEX
#FEFBCF
RGB
rgb(254, 251, 207)
HSL
hsl(56, 96%, 90%)
HSB
hsb(56, 19%, 100%)
CMYK
cmyk(0%, 1%, 19%, 0%)
Oklch
oklch(97.9% 0.057 104.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#CF4C36

Vermilion · Chocolate · Passion Red

HEX
#CF4C36
RGB
rgb(207, 76, 54)
HSL
hsl(9, 61%, 51%)
HSB
hsb(9, 74%, 81%)
CMYK
cmyk(0%, 63%, 74%, 19%)
Oklch
oklch(59.1% 0.170 31.9)

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

#F4CC63

Ginger · SandyBrown · Sunflower

HEX
#F4CC63
RGB
rgb(244, 204, 99)
HSL
hsl(43, 87%, 67%)
HSB
hsb(43, 59%, 96%)
CMYK
cmyk(0%, 16%, 59%, 4%)
Oklch
oklch(86.0% 0.131 88.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8DEEB
EBD4C7

Analogous

C7EBE6
C8DEEB
C7CCEB

Triadic

C8DEEB
EBC7DE
DEEBC7

Split-Comp.

C8DEEB
EBC7CC
EBE6C7

Tetradic

C8DEEB
E6C7EB
EBD4C7
CCEBC7

Contrast Matrix WCAG 2.1 Contrast

C8DEEB
41BAE1
FEFBCF
CF4C36
F4CC63
—
1.6
Fail
1.3
Fail
3.2
AA Large
1.1
Fail
1.6
Fail
—
2.1
Fail
2.0
Fail
1.5
Fail
1.3
Fail
2.1
Fail
—
4.2
AA Large
1.5
Fail
3.2
AA Large
2.0
Fail
4.2
AA Large
—
2.9
Fail
1.1
Fail
1.5
Fail
1.5
Fail
2.9
Fail
—
White BG
1.4Fail
2.2Fail
1.1Fail
4.4AA Large
1.5Fail
Black BG
15.1AAA
9.3AAA
19.9AAA
4.7AA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2E8
7576D8
FDFDDA
96953B
E3E27C

Deuteranopia

D0CFE7
6E65D5
FDFDDC
9EA83D
E5E883

Tritanopia

C9E5E5
47D0CE
FEE2E4
C84040
F29095

Achromatopsia

D9D9D9
9A9A9A
F7F7F7
717171
CCCCCC

Shades & Tints Shades & Tints

#C8DEEB

Dark
Light

#41BAE1

Dark
Light

#FEFBCF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8deeb;
  --color-2: #41bae1;
  --color-3: #fefbcf;
  --color-4: #cf4c36;
  --color-5: #f4cc63;
}

SCSS

$color-1: #c8deeb;
$color-2: #41bae1;
$color-3: #fefbcf;
$color-4: #cf4c36;
$color-5: #f4cc63;

TAILWIND

colors: {
  'brand-1': '#c8deeb',
  'brand-2': '#41bae1',
  'brand-3': '#fefbcf',
  'brand-4': '#cf4c36',
  'brand-5': '#f4cc63',
}

RGB Array

[200, 222, 235], [65, 186, 225], [254, 251, 207], [207, 76, 54], [244, 204, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8DEEB, #41BAE1, #FEFBCF, #CF4C36, #F4CC63 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: #c8deeb; --color-2: #41bae1; --color-3: #fefbcf; --color-4: #cf4c36; --color-5: #f4cc63. 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