#30CDDF Color

#30CDDF is rgb(48, 205, 223) in RGB and hsl(186, 73%, 53%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#30CDDF

HEX#30CDDF

RGBrgb(48, 205, 223)

HSLhsl(186, 73%, 53%)

HSVhsv(186, 78%, 87%)

OKLCHoklch(77.9% 0.125 206.8)

CMYKcmyk(78%, 8%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#30CDDF Complementary#DF4130 Analogous#30DF99 Analogous#3076DF Triadic#DF30CD Triadic#CDDF30

Tints & Shades

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

Tints

#4AD4E3 #69DBE8 #83E1EC #A2E9F1 #BDEFF5 #DCF7F9

Shades

#20BACB #1B9EAC #16818D #11656E #0C494F #082C31

Use #30CDDF in Our Tools

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