#bfd6fa

Color #bfd6fa

A vivid, highly saturated very light blue.

Closest named color Light Steel Blue #b0c4de · ΔE 8.31 Nearest Tailwind class blue-200 #bedbff · ΔE 2.2

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

Conversions

HEX

#bfd6fa

RGB

rgb(191, 214, 250)

HSL

hsl(216.6, 85.5%, 86.5%)

HSV / HSB

hsv(216.6, 23.6%, 98%)

CMYK

cmyk(23.6%, 14.4%, 0%, 2%)

LAB

lab(85.03, -0.03, -20.13)

LCH

lch(85.03, 20.13, 269.91)

OKLCH

oklch(87.1%, 0.0559, 259.27)

HWB

hwb(216.6, 74.9%, 2%)

Harmony colors

Complementary

#fae3bf

Analogous

#bff4fa

#bfd6fa

#c6bffa

Triadic

#bfd6fa

#fabfd6

#d6fabf

Split-complementary

#bfd6fa

#fac6bf

#f4fabf

Tetradic

#bfd6fa

#e3bffa

#fae3bf

#d6fabf

Square

#bfd6fa

#fabff4

#fae3bf

#bffac6

Shades

Color #bfd6fa mixed toward black.

#7baaf5

#377fef

#105acd

#0b3c88

#051e44

Tints

Color #bfd6fa mixed toward white.

#caddfb

#d4e4fc

#dfebfd

#eaf1fd

#f4f8fe

Tones

Color #bfd6fa mixed toward gray.

#c4d7f5

#c9d8f0

#ced9eb

#d3dae6

#d8dbe1

Accessibility

Aa White text on this color

1.48:1

Aa Black text on this color

14.21:1

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

Under color vision deficiencies

Protanopia

#c9caf2 · ΔE 8.3

Deuteranopia

#c8c6f0 · ΔE 9.4

Tritanopia

#c0ebea · ΔE 17.3

Achromatopsia

#d4d4d4 · ΔE 13.9

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

Code

CSS

background-color: #bfd6fa;

Tailwind (arbitrary value)

bg-[#bfd6fa]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Royal Blue #4169e1

Frequently asked questions

#bfd6fa (#bfd6fa) is rgb(191, 214, 250) in RGB.

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

Generate a palette → Check contrast