#bfbbf1

Color #bfbbf1

A moderately saturated very light blue.

Closest named color Thistle #d8bfd8 · ΔE 17.17 Nearest Tailwind class violet-300 #c4b4ff · ΔE 4.4

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

Conversions

HEX

#bfbbf1

RGB

rgb(191, 187, 241)

HSL

hsl(244.4, 65.9%, 83.9%)

HSV / HSB

hsv(244.4, 22.4%, 94.5%)

CMYK

cmyk(20.7%, 22.4%, 0%, 5.5%)

LAB

lab(77.86, 12.43, -26.24)

LCH

lch(77.86, 29.04, 295.35)

OKLCH

oklch(81.4%, 0.0756, 287.96)

HWB

hwb(244.4, 73.3%, 5.5%)

Harmony colors

Complementary

#edf1bb

Analogous

#bbd2f1

#bfbbf1

#dabbf1

Triadic

#bfbbf1

#f1bfbb

#bbf1bf

Split-complementary

#bfbbf1

#f1dabb

#d2f1bb

Tetradic

#bfbbf1

#f1bbed

#edf1bb

#bbf1bf

Square

#bfbbf1

#f1bbd2

#edf1bb

#bbf1da

Shades

Color #bfbbf1 mixed toward black.

#8780e5

#4f45d9

#2f24b1

#1f1876

#100c3b

Tints

Color #bfbbf1 mixed toward white.

#cac6f3

#d4d2f6

#dfddf8

#eae8fa

#f4f4fd

Tones

Color #bfbbf1 mixed toward gray.

#c3bfec

#c7c4e8

#cac8e3

#cecddf

#d2d1da

Accessibility

Aa White text on this color

1.81:1

Aa Black text on this color

11.59:1

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

Under color vision deficiencies

Protanopia

#bdbde5 · ΔE 3.4

Deuteranopia

#bebee3 · ΔE 4.3

Tritanopia

#bfdcda · ΔE 23.6

Achromatopsia

#c0c0c0 · ΔE 18.5

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

Code

CSS

background-color: #bfbbf1;

Tailwind (arbitrary value)

bg-[#bfbbf1]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#bfbbf1 (#bfbbf1) is rgb(191, 187, 241) in RGB.

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

Generate a palette → Check contrast