#9BDCEE Color

#9BDCEE is rgb(155, 220, 238) in RGB and hsl(193, 71%, 77%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#9BDCEE

HEX#9BDCEE

RGBrgb(155, 220, 238)

HSLhsl(193, 71%, 77%)

HSVhsv(193, 35%, 93%)

OKLCHoklch(85.7% 0.07 216.9)

CMYKcmyk(35%, 8%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9BDCEE Complementary#EEAD9B Analogous#9BEED6 Analogous#9BB2EE Triadic#EE9BDC Triadic#DCEE9B

Tints & Shades

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

Tints

#A8E1F0 #B5E5F2 #C2EAF5 #CFEEF7 #DCF3F9 #E9F7FB

Shades

#6FCDE7 #3FBCDE #22A4C9 #1A7D99 #12596D #0A323D

Use #9BDCEE in Our Tools

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