Cyan

#00FFFF
RGB
0, 255, 255
HSL
180°, 100%, 50%
CMYK
100, 0, 0, 0
HSV
180°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00FFFF color: #00FFFF;
RGB 0, 255, 255 color: rgb(0, 255, 255);
RGB Percentage 0%, 100%, 100% color: rgb(0%, 100%, 100%);
CMYK 100%, 0%, 0%, 0% Not supported in CSS
HSL 180°, 100%, 50% color: hsl(180, 100%, 50%);
HSV 180°, 100%, 100% Not supported in CSS
CIE-LAB 40, -51, 0 color: lab(40% -51 0);
Decimal 65535 Not supported in CSS

Color Variations

Shades

#00FFFF
#00E6E6
#00CCCC
#00B3B3
#009999
#008080
#006666
#004D4D

Tints

#B3FFFF
#99FFFF
#80FFFF
#66FFFF
#4DFFFF
#33FFFF
#1AFFFF
#00FFFF

Tones

#00FFFF
#0DF2F2
#1AE6E6
#26D9D9
#33CCCC
#40BFBF
#4DB3B3
#59A6A6

Hues

#00FFFF
#0040FF
#8000FF
#FF00BF
#FF0000
#FFBF00
#80FF00
#00FF40

Color Harmonies

Analogous

#00FF80
Click to copy
Cyan
71%
#00FFFF
Click to copy
Cyan
100%
#0080FF
Click to copy
Blue
71%

Complementary

#00FFFF
Click to copy
Cyan
100%
#FF0000
Click to copy
Red
0%

Split Complementary

#00FFFF
Click to copy
Cyan
100%
#FF0080
Click to copy
Magenta
13%
#FF8000
Click to copy
Orange
13%

Triadic

#00FFFF
Click to copy
Cyan
100%
#FF00FF
Click to copy
Purple
18%
#FFFF00
Click to copy
Yellow
18%

Tetradic

#00FFFF
Click to copy
Cyan
100%
#8000FF
Click to copy
Purple
35%
#FF0000
Click to copy
Red
0%
#80FF00
Click to copy
Green
35%

Square

#00FFFF
Click to copy
Cyan
100%
#8000FF
Click to copy
Purple
35%
#FF0000
Click to copy
Red
0%
#80FF00
Click to copy
Green
35%

CSS & Dev Snippets

CSS
.cyan {
  color: #00FFFF;
}
SCSS
$cyan: #00FFFF;
RGB
rgb(0, 255, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags