Turquoise color: hex codes, shades and palettes
Palettes built around turquoise. Click any swatch to copy its hex code.
Turquoise is #40E0D0 — cyan. Below are its shades with hex codes, the values in every common format, and turquoise color palettes to copy.
No turquoise palettes yet
Run npm run generate to build the dataset.
Turquoise hex, RGB, HSL and OKLCH
- HEX
#40E0D0- RGB
rgb(64, 224, 208)- HSL
hsl(174, 72%, 56%)- OKLCH
oklch(82.2% 0.131 185.1)- On white
- 1.64:1
- On black
- 12.79:1
Shades of turquoise
Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.
Contrast and readability
Turquoise on white measures 1.64:1 and on black 12.79:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.02:1.
The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.
Related colors:teal, aqua. See every shade on the colors index.