What is color #00ffff?
#00ffff is Cyan, a electric cyan tone with a cool character. It is a staple of mid-century palettes and carries the mood of clarity.
Historically, this kind of color traces back to cyanotype photographs of the 1840s. Today it appears across technology products and crypto interfaces.
To make the most of #00ffff, pair it with a soft neutral to let it breathe, or combine it with analogous neighbors for harmonious palettes.
Conversions for #00ffff
HEX
#00ffff
RGB
0, 255, 255
HSL
180°, 100%, 50%
HSV
180°, 100%, 100%
CMYK
100%, 0%, 0%, 0%
XYZ
53.81, 78.74, 106.97
CIE-Lab
91.12, -48.08, -14.14
Web safe
#00ffff
WCAG accessibility of #00ffff (Cyan)
On white
1.25 : 1
Sample #00ffff
Rating: Fail
On black
16.75 : 1
Sample #00ffff
Rating: AAA
Tones of Cyan (desaturated variations of #00ffff)
Color harmonies for #00ffff
Colors similar to #00ffff
Gradients featuring #00ffff
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #00ffff
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #00ffff
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #00ffff.
const color = "#00ffff";
CSS & Tailwind snippets for #00ffff
Background
.bg-00ffff { background-color: #00ffff; }Text color
.text-00ffff { color: #00ffff; }Border
.border-00ffff { border: 1px solid #00ffff; }Box shadow
.shadow-00ffff { box-shadow: 0 4px 14px #00ffff40; }CSS variable
:root { --color-00ffff: #00ffff; }Tailwind config
colors: {
'cyan': '#00ffff',
}