#00FFFF
Cyan
Cyan is one of the primary colors in the CMYK color model and the subtractive complement of red. It is a bright blue-green that feels fresh and modern.
Cyan Color Values
HEX#00FFFF
RGB0, 255, 255
HSL180°, 100%, 50%
HSV180°, 100%, 100%
CMYK100%, 0%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #EDF2FF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #D0DDFF (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00FFFF (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #DADADA (~0.003% of population)
Cyan as Text Color
Cyan on White
1.3:1FAIL
Cyan on Light Gray
1.2:1FAIL
Cyan on Cream
1.2:1FAIL
Cyan on Dark
13.6:1AAA
Cyan on Black
16.7:1AAA
Cyan on Soft Blue
1.1:1FAIL
Cyan on Soft Green
1.1:1FAIL
Cyan on Soft Pink
1.0:1FAIL
Nearest Tailwind Class
sky-400
#38BDF8
Nearest Pantone Match
Pantone 2995 C
#00A3E0
CSS Variable Export
:root {
--color-cyan: #00FFFF;
--color-cyan-rgb: 0, 255, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'cyan': '#00FFFF',
}Shades of Cyan
#00FFFF
#00E0E0
#00C7C7
#00A8A8
#008F8F
#007070
#005757
#003838
#001F1F
#000000
Tints of Cyan
#00FFFF
#1FFFFF
#38FFFF
#57FFFF
#70FFFF
#8FFFFF
#A8FFFF
#C7FFFF
#E0FFFF
#FFFFFF
Color Harmonies
Complementary
#00FFFF
#FF0000
Analogous
#00FF80
#00FFFF
#007FFF
Triadic
#00FFFF
#FF00FF
#FFFF00
Cyan Text Preview
Heading in Cyan
Body text in Cyan. The quick brown fox jumps over the lazy dog.
White on Cyan
Body text on a Cyan background.
Cyan text on dark background
Contrast: 14.1:1