Skip to main content
ToolsHub
#40E0D0

Turquoise Color — #40E0D0

Complete color reference for #40E0D0: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
HSVhsv(174, 71%, 88%)
CMYKC:71% M:0% Y:7% K:12%
CSS Colorturquoise
Decimal4251856
Luminance0.5896

WCAG Accessibility Contrast

#40E0D0 on White
Ratio: 1.64:1 — Fail
#40E0D0 on Black
Ratio: 12.79:1 — AAA
White on #40E0D0
Ratio: 1.64:1 — Fail
Black on #40E0D0
Ratio: 12.79:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F5FDFD
100#E2FAF8
200#C6F6F1
300#A9F1EA
400#83EBE0
500#40E0D0
600#33B3A6
700#26867D
800#1A5A53
900#103834

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #40E0D0?

The RGB equivalent is rgb(64, 224, 208). The red channel is 64, green is 224, and blue is 208 (scale 0–255).

What is the HSL value of #40E0D0?

The HSL value is hsl(174, 72%, 56%). Hue is 174°, saturation is 72%, and lightness is 56%.

Does #40E0D0 meet WCAG accessibility standards?

On a white background, #40E0D0 achieves a 1.64:1 contrast ratio (Fail). On a black background it achieves 12.79:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #40E0D0?

The complementary color (180° opposite on the hue wheel) of #40E0D0 is #E03E4E.