#52CBFF Color

#52CBFF is rgb(82, 203, 255) in RGB and hsl(198, 100%, 66%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#52CBFF

HEX#52CBFF

RGBrgb(82, 203, 255)

HSLhsl(198, 100%, 66%)

HSVhsv(198, 68%, 100%)

OKLCHoklch(79.5% 0.129 230)

CMYKcmyk(68%, 20%, 0%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text11.35:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#52CBFF Complementary#FF8652 Analogous#52FFDC Analogous#5274FF Triadic#FF52CB Triadic#CBFF52

Tints & Shades

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

Tints

#6BD3FF #80D9FF #99E0FF #ADE7FF #C7EEFF #DBF4FF

Shades

#24BDFF #00ABF5 #008BC7 #006F9E #004F70 #002E42

Use #52CBFF in Our Tools

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