#bcc5df

Color #bcc5df

A muted very light blue.

Closest named color Light Steel Blue #b0c4de · ΔE 3.83 Nearest Tailwind class indigo-200 #c6d2ff · ΔE 6.2

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

Conversions

HEX

#bcc5df

RGB

rgb(188, 197, 223)

HSL

hsl(224.6, 35.4%, 80.6%)

HSV / HSB

hsv(224.6, 15.7%, 87.5%)

CMYK

cmyk(15.7%, 11.7%, 0%, 12.5%)

LAB

lab(79.59, 2.16, -13.96)

LCH

lch(79.59, 14.13, 278.8)

OKLCH

oklch(82.5%, 0.0378, 270.45)

HWB

hwb(224.6, 73.7%, 12.5%)

Harmony colors

Complementary

#dfd6bc

Analogous

#bcd7df

#bcc5df

#c5bcdf

Triadic

#bcc5df

#dfbcc5

#c5dfbc

Split-complementary

#bcc5df

#dfc5bc

#d7dfbc

Tetradic

#bcc5df

#d6bcdf

#dfd6bc

#c5dfbc

Square

#bcc5df

#dfbcd7

#dfd6bc

#bcdfc5

Shades

Color #bcc5df mixed toward black.

#8e9dc9

#5f75b3

#42558b

#2c395d

#161c2e

Tints

Color #bcc5df mixed toward white.

#c7cfe4

#d2d8ea

#dee2ef

#e9ecf4

#f4f5fa

Tones

Color #bcc5df mixed toward gray.

#bfc6dc

#c2c8d9

#c5c9d6

#c8cbd3

#cbccd0

Accessibility

Aa White text on this color

1.72:1

Aa Black text on this color

12.19:1

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

Under color vision deficiencies

Protanopia

#c0c0d9 · ΔE 4

Deuteranopia

#bfbfd8 · ΔE 4

Tritanopia

#bcd4d3 · ΔE 14.8

Achromatopsia

#c5c5c5 · ΔE 10.8

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

Code

CSS

background-color: #bcc5df;

Tailwind (arbitrary value)

bg-[#bcc5df]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#bcc5df (#bcc5df) is rgb(188, 197, 223) in RGB.

No, #bcc5df 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 #bcc5df, or check how it holds up for accessibility.

Generate a palette → Check contrast