← Back to Editor

#BFFEFC · #BEE8FD · #C0D4FD · #BDBEFD · #FEFAC8

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

#BFFEFC

Jade · Lavender · Glacier Blue

HEX
#BFFEFC
RGB
rgb(191, 254, 252)
HSL
hsl(178, 97%, 87%)
HSB
hsb(178, 25%, 100%)
CMYK
cmyk(25%, 0%, 1%, 0%)
Oklch
oklch(95.4% 0.063 193.7)

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

#BEE8FD

Sky Blue · LightBlue · Sky Blue

HEX
#BEE8FD
RGB
rgb(190, 232, 253)
HSL
hsl(200, 94%, 87%)
HSB
hsb(200, 25%, 99%)
CMYK
cmyk(25%, 8%, 0%, 1%)
Oklch
oklch(90.8% 0.052 229.7)

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

#C0D4FD

Azure · LightBlue · Sky Blue

HEX
#C0D4FD
RGB
rgb(192, 212, 253)
HSL
hsl(220, 94%, 87%)
HSB
hsb(220, 24%, 99%)
CMYK
cmyk(24%, 16%, 0%, 1%)
Oklch
oklch(86.9% 0.061 264.6)

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

#BDBEFD

Azure · LightSteelBlue · Sky Blue

HEX
#BDBEFD
RGB
rgb(189, 190, 253)
HSL
hsl(239, 94%, 87%)
HSB
hsb(239, 25%, 99%)
CMYK
cmyk(25%, 25%, 0%, 1%)
Oklch
oklch(82.3% 0.088 283.6)

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

#FEFAC8

Fresh Green · Bisque · Lemon Cream

HEX
#FEFAC8
RGB
rgb(254, 250, 200)
HSL
hsl(56, 96%, 89%)
HSB
hsb(56, 21%, 100%)
CMYK
cmyk(0%, 2%, 21%, 0%)
Oklch
oklch(97.6% 0.064 103.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFFEFC
FEBEC0

Analogous

BEFEDC
BFFEFC
BEE0FE

Triadic

BFFEFC
FCBEFE
FEFCBE

Split-Comp.

BFFEFC
FEBEE0
FEDCBE

Tetradic

BFFEFC
DCBEFE
FEBEC0
E0FEBE

Contrast Matrix WCAG 2.1 Contrast

BFFEFC
BEE8FD
C0D4FD
BDBEFD
FEFAC8
—
1.2
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.7
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.7
Fail
—
White BG
1.1Fail
1.3Fail
1.5Fail
1.8Fail
1.1Fail
Black BG
18.8AAA
16.2AAA
14.1AAA
11.9AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADBFC
D0D1F8
C9C9F3
BDBDEE
FCFCD4

Deuteranopia

D7D2FD
CECBF7
C8C6F1
BDBDEA
FDFDD7

Tritanopia

C2FDFD
C0F4F3
C1EBEA
BDE2DF
FEDEE0

Achromatopsia

EBEBEB
DEDEDE
D3D3D3
C5C5C5
F5F5F5

Shades & Tints Shades & Tints

#BFFEFC

Dark
Light

#BEE8FD

Dark
Light

#C0D4FD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bffefc;
  --color-2: #bee8fd;
  --color-3: #c0d4fd;
  --color-4: #bdbefd;
  --color-5: #fefac8;
}

SCSS

$color-1: #bffefc;
$color-2: #bee8fd;
$color-3: #c0d4fd;
$color-4: #bdbefd;
$color-5: #fefac8;

TAILWIND

colors: {
  'brand-1': '#bffefc',
  'brand-2': '#bee8fd',
  'brand-3': '#c0d4fd',
  'brand-4': '#bdbefd',
  'brand-5': '#fefac8',
}

RGB Array

[191, 254, 252], [190, 232, 253], [192, 212, 253], [189, 190, 253], [254, 250, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFFEFC, #BEE8FD, #C0D4FD, #BDBEFD, #FEFAC8 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: #bffefc; --color-2: #bee8fd; --color-3: #c0d4fd; --color-4: #bdbefd; --color-5: #fefac8. 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