Turquoise (21F2BE) — 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 #21F2BE

RGB rgb(33, 242, 190)

HSL hsl(165°, 89%, 54%)

CMYK C:86% M:0% Y:21% K:5%

Luminance 0.6776

WCAG Accessibility

On white 1.45:1

Aa — #21F2BE

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.51:1

Aa — #21F2BE

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#21F2BE #F22156

Analogous

#21F256 #21F2BE #21BEF2

Triadic

#21F2BE #BE21F2 #F2BE21

Split-comp.

#21F2BE #F221BE #F25621

Tetradic

#21F2BE #5621F2 #F22156 #BEF221

Monochromatic

#074032 #129B79 #2DE6B8 #5BECC7 #9FF4DF

Suggested palettes for this hue.

Tokyo Neon View all →

Chocolate View all →

Matcha View all →