Cyan#00FFFF

Cyan Hex Code: #00FFFF

Cyan is a very light, moderately saturated cyan. Its OKLCH lightness is 91% and chroma 0.155. Text on this color reads best in black (contrast 16.75:1).

Also called: Aqua, Aqua Blue

HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
HSV / HSBhsv(180, 100%, 100%)
CMYKcmyk(100%, 0%, 0%, 0%)
OKLCHoklch(90.5% 0.155 194.8)

Open in converter →

Contrast

White text1.25:1
AAAA largeAAA
Black text16.75:1
AAAA largeAAA
On white1.25:1
AAAA largeAAA
On black16.75:1
AAAA largeAAA

Tints

#17FFFFTurquoise Blue#2EFFFFTurquoise Blue#45FFFF#5CFFFFElectric Blue#73FFFFElectric Blue#8AFFFFElectric Blue#A1FFFF#B8FFFF#CFFFFFLight Cyan#E5FFFFLight Cyan

Shades

#00E8E8#00D1D1Dark Turquoise#00BABA#00A3A3#008C8CDark Cyan#007575#005E5E#004747#003030#001A1A

Matching colors

Complementary

#00FFFFCyan#FF0000Red

Analogous

#00FFFFCyan#00FF80Spring Green#0080FF

Triadic

#00FFFFCyan#FF00FFMagenta#FFFF00Yellow

Split complementary

#00FFFFCyan#FF0080#FF8000Pumpkin Orange

Similar named colors

Turquoise Blue#00FFEFElectric Blue#7DF9FFAquamarine#7FFFD4Turquoise#40E0D0Pale Turquoise#AFEEEEPowder Blue#B0E0E6Light Blue#ADD8E6Medium Turquoise#48D1CC

All color names →

Code

CSScolor: #00FFFF;
Tailwindbg-[#00ffff]
SwiftUIColor(red: 0, green: 1, blue: 1)
AndroidColor.parseColor("#00FFFF")
FlutterColor(0xFF00FFFF)

Cyan is a CSS named color (cyan); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for cyan?

Cyan is #00FFFF in hex and rgb(0, 255, 255) in RGB.

What is cyan in CMYK?

With the plain conversion formula it is cmyk(100, 0, 0, 0). For print, convert with your printer's ICC profile instead.

What text color works on cyan?

Black text has the higher contrast at 16.75:1, which passes WCAG AA for normal text (4.5:1).