← Back to Editor

#B5C0D2 · #BCCDF8 · #C5DCFE · #FBFBF9 · #E3FBFF

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B5C0D2

Azure · LightSteelBlue · Cobalt Blue

HEX
#B5C0D2
RGB
rgb(181, 192, 210)
HSL
hsl(217, 24%, 77%)
HSB
hsb(217, 14%, 82%)
CMYK
cmyk(14%, 9%, 0%, 18%)
Oklch
oklch(80.5% 0.028 260.3)

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

#BCCDF8

Azure · LightBlue · Sky Blue

HEX
#BCCDF8
RGB
rgb(188, 205, 248)
HSL
hsl(223, 81%, 85%)
HSB
hsb(223, 24%, 97%)
CMYK
cmyk(24%, 17%, 0%, 3%)
Oklch
oklch(85.0% 0.063 268.1)

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

#C5DCFE

Azure · LightBlue · Sky Blue

HEX
#C5DCFE
RGB
rgb(197, 220, 254)
HSL
hsl(216, 97%, 88%)
HSB
hsb(216, 22%, 100%)
CMYK
cmyk(22%, 13%, 0%, 0%)
Oklch
oklch(88.8% 0.053 258.0)

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

#FBFBF9

Fresh Green · Snow · Lemon Cream

HEX
#FBFBF9
RGB
rgb(251, 251, 249)
HSL
hsl(60, 20%, 98%)
HSB
hsb(60, 1%, 98%)
CMYK
cmyk(0%, 0%, 1%, 2%)
Oklch
oklch(98.8% 0.003 106.4)

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

#E3FBFF

Sky Blue · Lavender · Glacier Blue

HEX
#E3FBFF
RGB
rgb(227, 251, 255)
HSL
hsl(189, 100%, 95%)
HSB
hsb(189, 11%, 100%)
CMYK
cmyk(11%, 2%, 0%, 0%)
Oklch
oklch(97.2% 0.026 208.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5C0D2
D2C8B6

Analogous

B6CFD2
B5C0D2
BAB6D2

Triadic

B5C0D2
D2B6C1
C1D2B6

Split-Comp.

B5C0D2
D2BAB6
CFD2B6

Tetradic

B5C0D2
D2B6CF
D2C8B6
B6D2BA

Contrast Matrix WCAG 2.1 Contrast

B5C0D2
BCCDF8
C5DCFE
FBFBF9
E3FBFF
—
1.2
Fail
1.3
Fail
1.8
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.0
Fail
1.7
Fail
1.5
Fail
1.3
Fail
1.0
Fail
—
White BG
1.8Fail
1.6Fail
1.4Fail
1.0Fail
1.1Fail
Black BG
11.4AAA
13.2AAA
15.0AAA
20.3AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABACE
C3C4EE
CFCFF6
FBFBF9
EDEEFE

Deuteranopia

B9B8CD
C2C1EB
CECCF4
FBFBFA
ECEAFE

Tritanopia

B6CAC9
BDE5E4
C6EFEE
FBFAFA
E4FDFD

Achromatopsia

BFBFBF
CDCDCD
D9D9D9
FBFBFB
F4F4F4

Shades & Tints Shades & Tints

#B5C0D2

Dark
Light

#BCCDF8

Dark
Light

#C5DCFE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5c0d2;
  --color-2: #bccdf8;
  --color-3: #c5dcfe;
  --color-4: #fbfbf9;
  --color-5: #e3fbff;
}

SCSS

$color-1: #b5c0d2;
$color-2: #bccdf8;
$color-3: #c5dcfe;
$color-4: #fbfbf9;
$color-5: #e3fbff;

TAILWIND

colors: {
  'brand-1': '#b5c0d2',
  'brand-2': '#bccdf8',
  'brand-3': '#c5dcfe',
  'brand-4': '#fbfbf9',
  'brand-5': '#e3fbff',
}

RGB Array

[181, 192, 210], [188, 205, 248], [197, 220, 254], [251, 251, 249], [227, 251, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B5C0D2, #BCCDF8, #C5DCFE, #FBFBF9, #E3FBFF 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: #b5c0d2; --color-2: #bccdf8; --color-3: #c5dcfe; --color-4: #fbfbf9; --color-5: #e3fbff. 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 pastel-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