#B6CBFB Color

#B6CBFB is rgb(182, 203, 251) in RGB and hsl(222, 90%, 85%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#B6CBFB

HEX#B6CBFB

RGBrgb(182, 203, 251)

HSLhsl(222, 90%, 85%)

HSVhsv(222, 27%, 98%)

OKLCHoklch(84.3% 0.071 266.4)

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

Text Contrast & Accessibility

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

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

TextBlack text12.92:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B6CBFB Complementary#FBE7B6 Analogous#B6EDFB Analogous#C4B6FB Triadic#FBB6CB Triadic#CBFBB6

Tints & Shades

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

Tints

#C0D2FC #CAD9FC #D3E0FD #D8E3FD #E2EAFD #ECF1FE

Shades

#7CA1F8 #477BF5 #0D52F2 #0A40BD #072C83 #041A4E

Use #B6CBFB in Our Tools

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