Turquoise (5BF2CD) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #5BF2CD

RGB rgb(91, 242, 205)

HSL hsl(165°, 85%, 65%)

CMYK C:62% M:0% Y:15% K:5%

Luminance 0.7041

WCAG Accessibility

On white 1.4:1

Aa — #5BF2CD

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.03:1

Aa — #5BF2CD

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5BF2CD #F25A80

Analogous

#5AF280 #5BF2CD #5ACCF2

Triadic

#5BF2CD #CC5AF2 #F2CC5A

Split-comp.

#5BF2CD #F25ACC #F2805A

Tetradic

#5BF2CD #805AF2 #F25A80 #CCF25A

Monochromatic

#107058 #1DC99E #63E9C7 #8FEFD7 #D2F9EF

Suggested palettes for this hue.

Orange Energy View all →

Dark UI View all →

Icy Winter View all →