Turquoise (30DEBB) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Turquoise pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #30DEBB

RGB rgb(48, 222, 187)

HSL hsl(168°, 73%, 53%)

CMYK C:78% M:0% Y:16% K:13%

Luminance 0.5691

WCAG Accessibility

On white 1.71:1

Aa — #30DEBB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.29:1

Aa — #30DEBB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#30DEBB #DF3053

Analogous

#30DF64 #30DEBB #30AADF

Triadic

#30DEBB #BC30DF #DFBC30

Split-comp.

#30DEBB #DF30AA #DF6430

Tetradic

#30DEBB #6430DF #DF3053 #AADF30

Monochromatic

#0C362E #1F8974 #3CD3B4 #65DCC4 #A4EADC

Suggested palettes for this hue.

Coral Sea View all →

Deep Ocean View all →

Blue Serenity View all →