CSS named color
Turquoise
#40E0D0
HEX
#40e0d0RGB
rgb(64, 224, 208)HSL
hsl(174, 72%, 56%)OKLCH
oklch(82.23% 0.1307 185.09)NAME
turquoisePalette
Complementary
180° on the color wheelComplement
#E03E4E
Analogous
±30° around the base hueLeft
#3EE07F
Right
#3E9FE0
Triadic
±120° for harmonic contrastTriad 1
#CF3EE0
Triad 2
#E0CF3E
Shades
Lighter and darker variantsCSS usage
By name
color: turquoise;
background-color: turquoise;By HEX
color: #40e0d0;
background-color: #40e0d0;By RGB
color: rgb(64, 224, 208);
background-color: rgb(64, 224, 208);By HSL
color: hsl(174, 72%, 56%);
background-color: hsl(174, 72%, 56%);WCAG contrast vs white
Aa
1.64:1
Below minimum
WCAG contrast vs black
Aa
12.79:1
AAA
Related colors
FAQ — Turquoise
What is the HEX code for Turquoise?
The HEX code for Turquoise is #40E0D0. It's one of the 148 named CSS colors and can be used directly in CSS as color: turquoise; or color: #40e0d0;
What is Turquoise in RGB?
Turquoise in RGB is rgb(64, 224, 208) — red 64, green 224, blue 208.
What is Turquoise in HSL?
Turquoise in HSL is hsl(174, 72%, 56%) — hue 174°, saturation 72%, lightness 56%.
What is the complementary color of Turquoise?
The complementary color (directly opposite Turquoise on the color wheel) is #E03E4E. The two together produce maximum contrast.
Is white text readable on Turquoise?
The WCAG contrast ratio against white (#FFFFFF) is 1.64:1, and against black (#000000) it's 12.79:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.