Dark Turquoise

#00CED1
RGB
0, 206, 209
HSL
181°, 100%, 41%
CMYK
100, 1, 0, 18
HSV
181°, 100%, 82%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00CED1 color: #00CED1;
RGB 0, 206, 209 color: rgb(0, 206, 209);
RGB Percentage 0%, 81%, 82% color: rgb(0%, 81%, 82%);
CMYK 100%, 1%, 0%, 18% Not supported in CSS
HSL 181°, 100%, 41% color: hsl(181, 100%, 41%);
HSV 181°, 100%, 82% Not supported in CSS
CIE-LAB 33, -41, -1 color: lab(33% -41 -1);
Decimal 52945 Not supported in CSS

Color Variations

Shades

#00CED1
#00B9BC
#00A4A7
#009092
#007B7D
#006769
#005254
#003E3F

Tints

#A5FDFF
#87FDFF
#69FCFF
#4AFCFF
#2CFBFF
#0EFBFF
#00EBEF
#00CED1

Tones

#00CED1
#0AC4C7
#15B9BC
#1FAFB2
#2AA5A7
#349B9D
#3F9192
#498788

Hues

#00CED1
#0031D1
#6C00D1
#D10099
#D10300
#D1A000
#65D100
#00D138

Color Harmonies

Analogous

#00D16C
Click to copy
Cyan
77%
#00CED1
Click to copy
Dark turquoise
100%
#0065D1
Click to copy
Blue
76%

Complementary

#00CED1
Click to copy
Dark turquoise
100%
#D10300
Click to copy
Red
19%

Split Complementary

#00CED1
Click to copy
Dark turquoise
100%
#D10065
Click to copy
Magenta
29%
#D16C00
Click to copy
Orange
29%

Triadic

#00CED1
Click to copy
Dark turquoise
100%
#D100CE
Click to copy
Purple
33%
#CED100
Click to copy
Yellow
33%

Tetradic

#00CED1
Click to copy
Dark turquoise
100%
#6C00D1
Click to copy
Purple
47%
#D10300
Click to copy
Red
19%
#65D100
Click to copy
Green
47%

Square

#00CED1
Click to copy
Dark turquoise
100%
#6C00D1
Click to copy
Purple
47%
#D10300
Click to copy
Red
19%
#65D100
Click to copy
Green
47%

CSS & Dev Snippets

CSS
.dark-turquoise {
  color: #00CED1;
}
SCSS
$dark-turquoise: #00CED1;
RGB
rgb(0, 206, 209)

Accessibility & Contrast

White background

1.95:1
1.95
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

10.75:1
10.75
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags