Colormapped
Color reference

Turquoise #40E0D0

Turquoise is the standard CSS named color #40E0D0, a bright cyan-green color between blue and green.

Turquoise is the CSS named color keyword turquoise, standardized at #40E0D0 in sRGB.

Turquoise #40E0D0 12.79:1 with black text

Color values

HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HSV174°, 71%, 88%
CMYK71%, 0%, 7%, 12%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 12.79:1 — AA normal text passes
White text 1.64:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Turquoise

These steps are computed by RGB-mixing #40E0D0 toward white or black. They are generated values, not official named colors.

80% tint #D9F9F6
60% tint #B3F3EC
40% tint #8CECE3
20% tint #66E6D9
Base #40E0D0
20% shade #33B3A6
40% shade #26867D
60% shade #1A5A53
80% shade #0D2D2A

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: turquoise;
}

You can use either turquoise or #40E0D0 in CSS; both resolve to the same sRGB color.