CSS named color
DarkTurquoise
#00CED1
HEX
#00ced1RGB
rgb(0, 206, 209)HSL
hsl(181, 100%, 41%)OKLCH
oklch(77.19% 0.1314 196.64)NAME
darkturquoisePalette
Complementary
180° on the color wheelComplement
#D10300
Analogous
±30° around the base hueLeft
#00D16C
Right
#0065D1
Triadic
±120° for harmonic contrastTriad 1
#D100CE
Triad 2
#CED100
Shades
Lighter and darker variantsCSS usage
By name
color: darkturquoise;
background-color: darkturquoise;By HEX
color: #00ced1;
background-color: #00ced1;By RGB
color: rgb(0, 206, 209);
background-color: rgb(0, 206, 209);By HSL
color: hsl(181, 100%, 41%);
background-color: hsl(181, 100%, 41%);WCAG contrast vs white
Aa
1.95:1
Below minimum
WCAG contrast vs black
Aa
10.75:1
AAA
Related colors
FAQ — DarkTurquoise
What is the HEX code for DarkTurquoise?
The HEX code for DarkTurquoise is #00CED1. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkturquoise; or color: #00ced1;
What is DarkTurquoise in RGB?
DarkTurquoise in RGB is rgb(0, 206, 209) — red 0, green 206, blue 209.
What is DarkTurquoise in HSL?
DarkTurquoise in HSL is hsl(181, 100%, 41%) — hue 181°, saturation 100%, lightness 41%.
What is the complementary color of DarkTurquoise?
The complementary color (directly opposite DarkTurquoise on the color wheel) is #D10300. The two together produce maximum contrast.
Is white text readable on DarkTurquoise?
The WCAG contrast ratio against white (#FFFFFF) is 1.95:1, and against black (#000000) it's 10.75:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.