Blue-green

#00CEC8
RGB
0, 206, 200
HSL
178°, 100%, 40%
CMYK
100, 0, 3, 19
HSV
178°, 100%, 81%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00CEC8 color: #00CEC8;
RGB 0, 206, 200 color: rgb(0, 206, 200);
RGB Percentage 0%, 81%, 78% color: rgb(0%, 81%, 78%);
CMYK 100%, 0%, 3%, 19% Not supported in CSS
HSL 178°, 100%, 40% color: hsl(178, 100%, 40%);
HSV 178°, 100%, 81% Not supported in CSS
CIE-LAB 32, -41, 2 color: lab(32% -41 2);
Decimal 52936 Not supported in CSS

Color Variations

Shades

#00CCC5
#00B8B1
#00A39E
#008F8A
#007A76
#006663
#00524F
#003D3B

Tints

#A3FFFC
#85FFFB
#66FFFA
#47FFF9
#29FFF8
#0AFFF7
#00EBE3
#00CCC5

Tones

#00CCC5
#0AC2BC
#14B8B2
#1FADA9
#29A39F
#339996
#3D8F8C
#478583

Hues

#00CCC5
#003ACC
#5F00CC
#CC00A0
#CC0007
#CC9200
#6DCC00
#00CC2C

Color Harmonies

Analogous

#00CC5F
Click to copy
Green
76%
#00CEC8
Click to copy
Blue-green
100%
#006DCC
Click to copy
Cyan
78%

Complementary

#00CEC8
Click to copy
Blue-green
100%
#CC0007
Click to copy
Magenta
21%

Split Complementary

#00CEC8
Click to copy
Blue-green
100%
#CC006D
Click to copy
Purple
31%
#CC5F00
Click to copy
Red
31%

Triadic

#00CEC8
Click to copy
Blue-green
100%
#C500CC
Click to copy
Purple
35%
#CCC500
Click to copy
Orange
35%

Tetradic

#00CEC8
Click to copy
Blue-green
100%
#5F00CC
Click to copy
Blue
49%
#CC0007
Click to copy
Magenta
21%
#6DCC00
Click to copy
Yellow
48%

Square

#00CEC8
Click to copy
Blue-green
100%
#5F00CC
Click to copy
Blue
49%
#CC0007
Click to copy
Magenta
21%
#6DCC00
Click to copy
Yellow
48%

CSS & Dev Snippets

CSS
.blue-green {
  color: #00CEC8;
}
SCSS
$blue-green: #00CEC8;
RGB
rgb(0, 206, 200)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags