Turquoise (189E8C) — Shades, Harmonies, Palettes, CSS Code

"Turquoise"

Cyan · Summer

🧠 Psychology

Fresh and soothing color. Evokes clarity, communication and technological innovation.

✨ Uses

Tech, health, communication, SaaS, media.

Tip

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

Values

HEX #189E8C

RGB rgb(24, 158, 140)

HSL hsl(172°, 74%, 36%)

CMYK C:85% M:0% Y:11% K:38%

Luminance 0.27

WCAG Accessibility

On white 3.33:1

Aa — #189E8C

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.31:1

Aa — #189E8C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#189E8C #A0182A

Analogous

#18A04A #189E8C #186EA0

Triadic

#189E8C #8E18A0 #A08E18

Split-comp.

#189E8C #A0186E #A04A18

Tetradic

#189E8C #4A18A0 #A0182A #6EA018

Monochromatic

#9BE9DF #47D7C3 #219787 #186D61 #0A2E29

Suggested palettes for this hue.

Green Meadow View all →

Northern Lights View all →

Moss & Stone View all →