#cbcbfb

Color #cbcbfb

A vivid, highly saturated very light blue.

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

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

Conversions

HEX

#cbcbfb

RGB

rgb(203, 203, 251)

HSL

hsl(240, 85.7%, 89%)

HSV / HSB

hsv(240, 19.1%, 98.4%)

CMYK

cmyk(19.1%, 19.1%, 0%, 1.6%)

LAB

lab(83.11, 9.65, -23.49)

LCH

lch(83.11, 25.39, 292.33)

OKLCH

oklch(85.8%, 0.0663, 284.94)

HWB

hwb(240, 79.6%, 1.6%)

Harmony colors

Complementary

#fbfbcb

Analogous

#cbe3fb

#cbcbfb

#e3cbfb

Triadic

#cbcbfb

#fbcbcb

#cbfbcb

Split-complementary

#cbcbfb

#fbe3cb

#e3fbcb

Tetradic

#cbcbfb

#fbcbfb

#fbfbcb

#cbfbcb

Square

#cbcbfb

#fbcbe3

#fbfbcb

#cbfbe3

Shades

Color #cbcbfb mixed toward black.

#8585f6

#3e3ef0

#1010d3

#0b0b8c

#050546

Tints

Color #cbcbfb mixed toward white.

#d4d4fc

#dcdcfc

#e5e5fd

#eeeefe

#f6f6fe

Tones

Color #cbcbfb mixed toward gray.

#cfcff7

#d3d3f3

#d7d7ef

#dbdbeb

#dfdfe7

Accessibility

Aa White text on this color

1.56:1

Aa Black text on this color

13.47:1

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

Under color vision deficiencies

Protanopia

#cbcbf1 · ΔE 2.6

Deuteranopia

#cbcbee · ΔE 3.5

Tritanopia

#cbe8e6 · ΔE 22.4

Achromatopsia

#cfcfcf · ΔE 16.9

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

Code

CSS

background-color: #cbcbfb;

Tailwind (arbitrary value)

bg-[#cbcbfb]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#cbcbfb (#cbcbfb) is rgb(203, 203, 251) in RGB.

No, #cbcbfb is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast