#BBDFF1 Color

#BBDFF1 is rgb(187, 223, 241) in RGB and hsl(200, 66%, 84%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BBDFF1

HEX#BBDFF1

RGBrgb(187, 223, 241)

HSLhsl(200, 66%, 84%)

HSVhsv(200, 22%, 95%)

OKLCHoklch(88.3% 0.045 229.5)

CMYKcmyk(22%, 7%, 0%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text14.94:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BBDFF1 Complementary#F1CDBB Analogous#BBF1E8 Analogous#BBC4F1 Triadic#F1BBDF Triadic#DFF1BB

Tints & Shades

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

Tints

#C4E3F3 #CCE7F5 #D5EBF6 #DDEFF8 #E6F3FA #EEF7FC

Shades

#8DC9E8 #5AB1DD #2B9CD4 #2176A1 #175472 #0D2F3F

Use #BBDFF1 in Our Tools

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