Coloried

Cyan

Cyan color is a bright shade of blue. Its hex code is #00FFFF and rgb code is rgb(0, 255, 255), Its CMYK value is cmyk(100%, 0%, 0%, 0%), and Its HSL value is hsl(180, 100%, 50%). Against white, it has a contrast ratio of 1.25:1, while against black, the contrast ratio is 16.75:1. Complementary color is #FF0000 and closest tailwind color is cyan-400. This color goes well with #003366, #006633, #001919, #99004D, and #994D00. To create this Cyan color, you can mix #00FFFF and #00FFFF.

Cyan color code
|
1. Color Conversions
HEX#00FFFF
RGB0, 255, 255
HSL180°, 100%, 50%
HSV180°, 100%, 100%
CMYK100%, 0%, 0%, 0%
Web Safe#00FFFF
2. Contrast Ratio
Text on #FFFFFF1.25:1
Fail LargeFail Normal
Text on #00000016.75:1
AAA LargeAAA Normal
3. Cyan Color Code in CSS
HEX
#00FFFF
RGB
rgb(0, 255, 255)
HSL
hsl(180, 100%, 50%)
Text Color
color: #00FFFF;
Background
background-color: #00FFFF;
Border Color
border-color: #00FFFF;
Box Shadow
box-shadow: 0 4px 14px 0 #00FFFF80;
SCSS
$color-cyan: #00FFFF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#6E71FF
Deuteranopia#604DFF
Tritanopia#0DFFFF
Achromatopsia#B3B3B3
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Bright Cyan#0AFFFF
Neon Turquoise#04FFF7
Bright Light Blue#26F7FD
Pale Turquoise#AFEEEE
Electric Blue#7DF9FF
Celeste#B2FFFF
Aqua#00FFF0
Robin Egg Blue#00CCCC
Turquoise Blue#00FFEF
Friendly Frost#BFFFFF
Color Ideas
Bright Orange#FF7034
Bright Pink#FF007F
Bright Purple#BF40BF
Bright Red#FF000D
Bright Silver#D9DADB
Bright Sky Blue#02CCFE
Bright Teal#01F9C6
Bright Turquoise#08E8DE
Bright Vermilion#F54927
Bright White#FDFEFF
About Cyan
Color Name
Cyan
HEX
#00FFFF
Color Family
cyan
X11 Name
Cyan
LAB
90.54, -14.95, -3.95
Preview Text
Aa