#66BEEA Color

#66BEEA is rgb(102, 190, 234) in RGB and hsl(200, 76%, 66%) in HSL. The closest CSS named color is SkyBlue. Black text is most readable on this background.

#66BEEA

HEX#66BEEA

RGBrgb(102, 190, 234)

HSLhsl(200, 76%, 66%)

HSVhsv(200, 56%, 92%)

OKLCHoklch(76.4% 0.106 232.2)

CMYKcmyk(56%, 19%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text2.08:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.12:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#66BEEA Complementary#EA9266 Analogous#66EAD4 Analogous#667CEA Triadic#EA66BE Triadic#BEEA66

Tints & Shades

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

Tints

#7DC8ED #8FCFF0 #A5D9F3 #B7E1F5 #CEEAF8 #E0F2FB

Shades

#3EADE5 #1D99D7 #187DAF #13638B #0D4663 #082A3A

Use #66BEEA in Our Tools

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