HEX Color #00FFFF (Aqua)

About #00FFFF

The precise color #00FFFF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aqua. In the RGB color space, it consists of 0 red, 255 green, and 255 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 0% M, 0% Y, and 0% K. The HSL representation is 180.0° hue, 100.0% saturation, and 50.0% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00FFFF

RGB0, 255, 255

HSL180.0°, 100.0%, 50.0%

CMYK100%, 0%, 0%, 0%

HSV180.0°, 100.0%, 100.0%

LAB91.1, -48.1, -14.1

XYZ53.8, 78.7, 107.0

Decimal65535

Color Harmonies

Complementary

#00FFFF #FF0000

Analogous

#00FF7F #007FFF

Triadic

#FF00FE #FEFF00

Tetradic

#7F00FF #FF0000 #7FFF00

Tints, Shades & Tones

Tints (Adding White)

#00FFFF

#1CFFFF

#38FFFF

#55FFFF

#71FFFF

#8DFFFF

#AAFFFF

#C6FFFF

#E2FFFF

#FFFFFF

Shades (Adding Black)

#00FFFF

#00E2E2

#00C6C6

#00AAAA

#008D8D

#007171

#005555

#003838

#001C1C

#000000

WCAG Contrast Accessibility

1.25:1

Text on #FFFFFF

FAIL

16.75:1

Text on #000000

AAA

1.20:1

Text on #F8FAFC

FAIL

14.24:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00FFFF; }

.text-color { color: #00FFFF; }

.border-color { border: 2px solid #00FFFF; }

Similar Colors

Aqua

#00FFFF