← Back to Editor

#B0C9D6 · #B4D6E9 · #C4E3F3 · #DBF3FF · #EBF6FA

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B0C9D6

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B0C9D6
RGB
rgb(176, 201, 214)
HSL
hsl(201, 32%, 76%)
HSB
hsb(201, 18%, 84%)
CMYK
cmyk(18%, 6%, 0%, 16%)
Oklch
oklch(82.1% 0.033 230.4)

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

#B4D6E9

Sky Blue · LightBlue · Sky Blue

HEX
#B4D6E9
RGB
rgb(180, 214, 233)
HSL
hsl(202, 55%, 81%)
HSB
hsb(202, 23%, 91%)
CMYK
cmyk(23%, 8%, 0%, 9%)
Oklch
oklch(85.8% 0.045 232.5)

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

#C4E3F3

Sky Blue · LightBlue · Sky Blue

HEX
#C4E3F3
RGB
rgb(196, 227, 243)
HSL
hsl(200, 66%, 86%)
HSB
hsb(200, 19%, 95%)
CMYK
cmyk(19%, 7%, 0%, 5%)
Oklch
oklch(89.8% 0.039 230.2)

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

#DBF3FF

Sky Blue · Lavender · Sky Blue

HEX
#DBF3FF
RGB
rgb(219, 243, 255)
HSL
hsl(200, 100%, 93%)
HSB
hsb(200, 14%, 100%)
CMYK
cmyk(14%, 5%, 0%, 0%)
Oklch
oklch(95.0% 0.030 229.2)

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

#EBF6FA

Sky Blue · Lavender · Glacier Blue

HEX
#EBF6FA
RGB
rgb(235, 246, 250)
HSL
hsl(196, 60%, 95%)
HSB
hsb(196, 6%, 98%)
CMYK
cmyk(6%, 2%, 0%, 2%)
Oklch
oklch(96.6% 0.013 221.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0C9D6
D5BCAE

Analogous

AED5D0
B0C9D6
AEB4D5

Triadic

B0C9D6
D5AEC8
C8D5AE

Split-Comp.

B0C9D6
D5AEB4
D5D0AE

Tetradic

B0C9D6
D0AED5
D5BCAE
B4D5AE

Contrast Matrix WCAG 2.1 Contrast

B0C9D6
B4D6E9
C4E3F3
DBF3FF
EBF6FA
—
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.0
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
White BG
1.7Fail
1.5Fail
1.3Fail
1.1Fail
1.1Fail
Black BG
12.2AAA
13.7AAA
15.6AAA
18.3AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBD3
C3C3E4
D1D2EF
E5E6FC
F0F0F9

Deuteranopia

B9B8D2
C1BEE3
D0CDEE
E4E2FB
EFEEF9

Tritanopia

B1D0D0
B6E1E0
C6ECEB
DCFAF9
ECF8F8

Achromatopsia

C3C3C3
CECECE
DCDCDC
EDEDED
F3F3F3

Shades & Tints Shades & Tints

#B0C9D6

Dark
Light

#B4D6E9

Dark
Light

#C4E3F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0c9d6;
  --color-2: #b4d6e9;
  --color-3: #c4e3f3;
  --color-4: #dbf3ff;
  --color-5: #ebf6fa;
}

SCSS

$color-1: #b0c9d6;
$color-2: #b4d6e9;
$color-3: #c4e3f3;
$color-4: #dbf3ff;
$color-5: #ebf6fa;

TAILWIND

colors: {
  'brand-1': '#b0c9d6',
  'brand-2': '#b4d6e9',
  'brand-3': '#c4e3f3',
  'brand-4': '#dbf3ff',
  'brand-5': '#ebf6fa',
}

RGB Array

[176, 201, 214], [180, 214, 233], [196, 227, 243], [219, 243, 255], [235, 246, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #B0C9D6, #B4D6E9, #C4E3F3, #DBF3FF, #EBF6FA 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: #b0c9d6; --color-2: #b4d6e9; --color-3: #c4e3f3; --color-4: #dbf3ff; --color-5: #ebf6fa. 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 cool-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