Pure Optical Cyan Neon
Category: Blue
Cyan (#00FFFF) — Color Codes, Meaning & UI Palettes
Cyan is one of the three primary subtractive subtractive CMYK inks and the pure greenish-blue component of RGB light, evoking high-tech speed and laser clarity.
Click to Copy HEX
Cyan
#00FFFF
HEX
#00FFFF
RGB
rgb(0, 255, 255)
HSL
hsl(180deg, 100%, 50%)
CMYK (Print)
cmyk(100%, 0%, 0%, 0%)
Apple Display P3
color(display-p3 0.000 1.000 1.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.25:1 (Fail)
Black Text (#000000)
16.75:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F0FFFF
100
#D6FFFF
200
#ADFFFF
300
#7AFFFF
400
#3DFFFF
500
#00FFFF
600
#00CCCC
700
#009999
800
#006666
900
#003838
950
#001F1F
Color Harmonies & Palette Schemes
Complementary
#FF0000
Opposite 180° Contrast
Analogous -30°
#00FF80
Natural Harmony
Analogous +30°
#007FFF
Natural Harmony
Triadic +120°
#FF00FF
120° Balanced Triad
Triadic +240°
#FFFF00
120° Balanced Triad
Curated UI Design Pairings for Cyan
Best reserved for dark-mode glowing borders, real-time status pulses, and high-tech telemetry graphics.
Abyssal Void
#0B0F19
Deep Night Canvas
Laser Indigo
#1D4ED8
Deep Contrast Partner
Pure White
#FFFFFF
Sharp Focal Element
Slate Border
#1E293B
Structural Frame
Export Cyan Code Snippets
CSS Variable
--color-cyan-color: #00FFFF;
Tailwind Config
'cyan-color': '#00FFFF'
Swift / SwiftUI
Color(hex: "#00FFFF")
JSON Design Token
{"name": "Cyan", "hex": "#00FFFF"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.