HEX Color #00F8F8 (Aqua)

About #00F8F8

The precise color #00F8F8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Aqua. In the RGB color space, it consists of 0 red, 248 green, and 248 blue.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#00F8F8

RGB0, 248, 248

HSL180.0°, 100.0%, 48.6%

CMYK100%, 0%, 0%, 3%

HSV180.0°, 100.0%, 97.3%

LAB88.9, -47.1, -13.8

XYZ50.5, 73.9, 100.4

Decimal63736

Color Harmonies

Complementary

#00F8F8 #F80000

Analogous

#00F87C #007BF8

Triadic

#F800F7 #F7F800

Tetradic

#7B00F8 #F80000 #7CF800

Tints, Shades & Tones

Tints (Adding White)

#00F8F8

#1CF8F8

#38F9F9

#55FAFA

#71FBFB

#8DFBFB

#AAFCFC

#C6FDFD

#E2FEFE

#FFFFFF

Shades (Adding Black)

#00F8F8

#00DCDC

#00C0C0

#00A5A5

#008989

#006E6E

#005252

#003737

#001B1B

#000000

WCAG Contrast Accessibility

1.33:1

Text on #FFFFFF

FAIL

15.78:1

Text on #000000

AAA

1.27:1

Text on #F8FAFC

FAIL

13.42:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aqua

#00FFFF