#30C5A2 Color

#30C5A2 is rgb(48, 197, 162) in RGB and hsl(166, 61%, 48%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#30C5A2

HEX#30C5A2

RGBrgb(48, 197, 162)

HSLhsl(166, 61%, 48%)

HSVhsv(166, 76%, 77%)

OKLCHoklch(73.9% 0.132 172.6)

CMYKcmyk(76%, 0%, 18%, 23%)

Text Contrast & Accessibility

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

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

TextBlack text9.63:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#30C5A2 Complementary#C53053 Analogous#30C558 Analogous#309DC5 Triadic#A230C5 Triadic#C5A230

Tints & Shades

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

Tints

#46D2B2 #63D9BE #80E0CA #A1E8D7 #BDEFE3 #DAF6F0

Shades

#2AAC8E #239076 #1D7762 #175E4E #114639 #0A2922

Use #30C5A2 in Our Tools

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