Dark Cyan

#008B8B
RGB
0, 139, 139
HSL
180°, 100%, 27%
CMYK
100, 0, 0, 45
HSV
180°, 100%, 55%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #008B8B color: #008B8B;
RGB 0, 139, 139 color: rgb(0, 139, 139);
RGB Percentage 0%, 55%, 55% color: rgb(0%, 55%, 55%);
CMYK 100%, 0%, 0%, 45% Not supported in CSS
HSL 180°, 100%, 27% color: hsl(180, 100%, 27%);
HSV 180°, 100%, 55% Not supported in CSS
CIE-LAB 22, -28, 0 color: lab(22% -28 0);
Decimal 35723 Not supported in CSS

Color Variations

Shades

#008A8A
#007C7C
#006E6E
#006060
#005353
#004545
#003737
#002929

Tints

#8FFFFF
#6AFFFF
#45FFFF
#20FFFF
#00F9F9
#00D4D4
#00AFAF
#008A8A

Tones

#008A8A
#078383
#0E7C7C
#157575
#1C6E6E
#226767
#296060
#305A5A

Hues

#008A8A
#00228A
#45008A
#8A0067
#8A0000
#8A6700
#458A00
#008A22

Color Harmonies

Analogous

#008A45
Click to copy
Dark Cyan
84%
#008B8B
Click to copy
Dark cyan
100%
#00458A
Click to copy
Dark Blue
84%

Complementary

#008B8B
Click to copy
Dark cyan
100%
#8A0000
Click to copy
Dark Red
46%

Split Complementary

#008B8B
Click to copy
Dark cyan
100%
#8A0045
Click to copy
Dark Magenta
53%
#8A4500
Click to copy
Dark Orange
53%

Triadic

#008B8B
Click to copy
Dark cyan
100%
#8A008A
Click to copy
Dark Purple
56%
#8A8A00
Click to copy
Dark Yellow
56%

Tetradic

#008B8B
Click to copy
Dark cyan
100%
#45008A
Click to copy
Dark Purple
65%
#8A0000
Click to copy
Dark Red
46%
#458A00
Click to copy
Dark Green
65%

Square

#008B8B
Click to copy
Dark cyan
100%
#45008A
Click to copy
Dark Purple
65%
#8A0000
Click to copy
Dark Red
46%
#458A00
Click to copy
Dark Green
65%

CSS & Dev Snippets

CSS
.dark-cyan {
  color: #008B8B;
}
SCSS
$dark-cyan: #008B8B;
RGB
rgb(0, 139, 139)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags