#99CCFF Color

#99CCFF is rgb(153, 204, 255) in RGB and hsl(210, 100%, 80%) in HSL. The closest CSS named color is LightSkyBlue. Black text is most readable on this background.

#99CCFF

HEX#99CCFF

RGBrgb(153, 204, 255)

HSLhsl(210, 100%, 80%)

HSVhsv(210, 40%, 100%)

OKLCHoklch(82.8% 0.09 249)

CMYKcmyk(40%, 20%, 0%, 0%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#99CCFF Complementary#FFCC99 Analogous#99FFFF Analogous#9999FF Triadic#FF99CC Triadic#CCFF99

Tints & Shades

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

Tints

#A8D4FF #B3D9FF #C2E0FF #CCE5FF #DBEDFF #E5F2FF

Shades

#61B0FF #2994FF #0078F0 #005EBD #004285 #00264D

Use #99CCFF in Our Tools

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