#BBC7EC Color

#BBC7EC is rgb(187, 199, 236) in RGB and hsl(225, 56%, 83%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#BBC7EC

HEX#BBC7EC

RGBrgb(187, 199, 236)

HSLhsl(225, 56%, 83%)

HSVhsv(225, 21%, 93%)

OKLCHoklch(83.3% 0.054 271.1)

CMYKcmyk(21%, 16%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BBC7EC Complementary#ECE0BB Analogous#BBE0EC Analogous#C8BBEC Triadic#ECBBC8 Triadic#C8ECBB

Tints & Shades

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

Tints

#C3CEEE #CBD5F0 #D3DBF3 #DFE5F6 #E7EBF8 #EFF2FB

Shades

#90A4E0 #607CD2 #375AC3 #2B4697 #1E326B #111C3C

Use #BBC7EC in Our Tools

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