#66BFFF Color

#66BFFF is rgb(102, 191, 255) in RGB and hsl(205, 100%, 70%) in HSL. The closest CSS named color is LightSkyBlue. Black text is most readable on this background.

#66BFFF

HEX#66BFFF

RGBrgb(102, 191, 255)

HSLhsl(205, 100%, 70%)

HSVhsv(205, 60%, 100%)

OKLCHoklch(77.5% 0.126 242.1)

CMYKcmyk(60%, 25%, 0%, 0%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#66BFFF Complementary#FFA666 Analogous#66FFF2 Analogous#6673FF Triadic#FF66BF Triadic#BFFF66

Tints & Shades

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

Tints

#7AC8FF #8FD0FF #A3D9FF #B8E1FF #CCEAFF #E0F2FF

Shades

#38ACFF #0597FF #007DD6 #005FA3 #004475 #002742

Use #66BFFF in Our Tools

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