#BBCBFB Color

#BBCBFB is rgb(187, 203, 251) in RGB and hsl(225, 89%, 86%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#BBCBFB

HEX#BBCBFB

RGBrgb(187, 203, 251)

HSLhsl(225, 89%, 86%)

HSVhsv(225, 25%, 98%)

OKLCHoklch(84.6% 0.07 270.5)

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

Text Contrast & Accessibility

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

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

TextBlack text13.05:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BBCBFB Complementary#FBEBBC Analogous#BCEBFB Analogous#CBBCFB Triadic#FBBCCB Triadic#CBFBBC

Tints & Shades

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

Tints

#C5D3FC #CAD6FC #D4DEFC #DDE5FD #E7EDFE #ECF0FE

Shades

#829FF8 #4D77F5 #134AF1 #0B37BC #082682 #04174D

Use #BBCBFB in Our Tools

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