#b2d4ec

Color #b2d4ec

A moderately saturated very light blue.

Closest named color Light Blue #add8e6 · ΔE 6.36 Nearest Tailwind class sky-200 #b8e6fe · ΔE 4.8

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#b2d4ec

RGB

rgb(178, 212, 236)

HSL

hsl(204.8, 60.4%, 81.2%)

HSV / HSB

hsv(204.8, 24.6%, 92.5%)

CMYK

cmyk(24.6%, 10.2%, 0%, 7.5%)

LAB

lab(83.23, -5.99, -15.5)

LCH

lch(83.23, 16.62, 248.87)

OKLCH

oklch(85.3%, 0.0493, 238.96)

HWB

hwb(204.8, 69.8%, 7.5%)

Harmony colors

Complementary

#eccab2

Analogous

#b2ece7

#b2d4ec

#b2b7ec

Triadic

#b2d4ec

#ecb2d4

#d4ecb2

Split-complementary

#b2d4ec

#ecb2b7

#ece7b2

Tetradic

#b2d4ec

#cab2ec

#eccab2

#d4ecb2

Square

#b2d4ec

#e7b2ec

#eccab2

#b7ecb2

Shades

Color #b2d4ec mixed toward black.

#7bb5de

#4396d1

#2972a6

#1b4c6f

#0e2637

Tints

Color #b2d4ec mixed toward white.

#bfdbef

#cce2f2

#d9eaf6

#e5f1f9

#f2f8fc

Tones

Color #b2d4ec mixed toward gray.

#b7d3e7

#bcd2e2

#c1d2de

#c5d1d9

#cad0d4

Accessibility

Aa White text on this color

1.55:1

Aa Black text on this color

13.52:1

Black text reads better on this background (13.52:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c2c2e6 · ΔE 14.6

Deuteranopia

#c0bde5 · ΔE 15.8

Tritanopia

#b4e2e1 · ΔE 12.1

Achromatopsia

#cfcfcf · ΔE 12.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #b2d4ec;

Tailwind (arbitrary value)

bg-[#b2d4ec]

Related colors

Charcoal #36454f

Light Sky Blue #87cefa

Steel Blue #4682b4

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Light Slate Gray #778899

Frequently asked questions

#b2d4ec (#b2d4ec) is rgb(178, 212, 236) in RGB.

No, #b2d4ec is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #b2d4ec, or check how it holds up for accessibility.

Generate a palette → Check contrast