#62B2CB Color

#62B2CB is rgb(98, 178, 203) in RGB and hsl(194, 50%, 59%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#62B2CB
HEX#62B2CB
RGBrgb(98, 178, 203)
HSLhsl(194, 50%, 59%)
HSVhsv(194, 52%, 80%)
OKLCHoklch(72.2% 0.086 220.4)
CMYKcmyk(52%, 12%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text2.4:1AA normal ✗AA large ✗AAA normal ✗
TextBlack text8.75:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#62B2CBComplementary#CB7B62Analogous#62CBAFAnalogous#627ECBTriadic#CB62B2Triadic#B2CB62

Tints & Shades

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

Use #62B2CB in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex