#bbb7ef

Color #bbb7ef

A moderately saturated very light blue.

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

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

Conversions

HEX

#bbb7ef

RGB

rgb(187, 183, 239)

HSL

hsl(244.3, 63.6%, 82.7%)

HSV / HSB

hsv(244.3, 23.4%, 93.7%)

CMYK

cmyk(21.8%, 23.4%, 0%, 6.3%)

LAB

lab(76.47, 12.96, -27.3)

LCH

lch(76.47, 30.22, 295.39)

OKLCH

oklch(80.2%, 0.0787, 287.74)

HWB

hwb(244.3, 71.8%, 6.3%)

Harmony colors

Complementary

#ebefb7

Analogous

#b7cfef

#bbb7ef

#d7b7ef

Triadic

#bbb7ef

#efbbb7

#b7efbb

Split-complementary

#bbb7ef

#efd7b7

#cfefb7

Tetradic

#bbb7ef

#efb7eb

#ebefb7

#b7efbb

Square

#bbb7ef

#efb7cf

#ebefb7

#b7efd7

Shades

Color #bbb7ef mixed toward black.

#857de2

#4e44d5

#3026ad

#201a73

#100d3a

Tints

Color #bbb7ef mixed toward white.

#c6c3f2

#d2cff4

#dddbf7

#e8e7fa

#f4f3fc

Tones

Color #bbb7ef mixed toward gray.

#bfbcea

#c3c0e6

#c7c5e1

#cbcadc

#cfced8

Accessibility

Aa White text on this color

1.89:1

Aa Black text on this color

11.13:1

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

Under color vision deficiencies

Protanopia

#b9b9e3 · ΔE 3.3

Deuteranopia

#babae0 · ΔE 4.4

Tritanopia

#bbd9d7 · ΔE 23.9

Achromatopsia

#bdbdbd · ΔE 18.9

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

Code

CSS

background-color: #bbb7ef;

Tailwind (arbitrary value)

bg-[#bbb7ef]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#bbb7ef (#bbb7ef) is rgb(187, 183, 239) in RGB.

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

Generate a palette → Check contrast