#CBDBFB Color

#CBDBFB is rgb(203, 219, 251) in RGB and hsl(220, 86%, 89%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#CBDBFB

HEX#CBDBFB

RGBrgb(203, 219, 251)

HSLhsl(220, 86%, 89%)

HSVhsv(220, 19%, 98%)

OKLCHoklch(89% 0.047 264.3)

CMYKcmyk(19%, 13%, 0%, 2%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CBDBFB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.39:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text15.06:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CBDBFB based on color wheel relationships. Click any swatch for its full breakdown.

Base#CBDBFB Complementary#FBEBCB Analogous#CBF3FB Analogous#D3CBFB Triadic#FBCBDB Triadic#DBFBCB

Tints & Shades

Lighter tints and darker shades of #CBDBFB, useful for hover states, backgrounds, and text variants.

Tints

#D0DEFB #D9E5FC #DEE8FD #E3EBFD #E7EFFD #F1F5FE

Shades

#92B4F7 #598CF3 #2065EE #0E49BE #0A3385 #061D4C

Use #CBDBFB in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex