HEX Color #07FFF8 (Aqua)

About #07FFF8

The precise color #07FFF8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aqua. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 255, and 248.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 97% cyan, 0% magenta, 3% yellow, and 0% black. The HSL representation is 178.3° hue, 100.0% saturation, and 51.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#07FFF8

RGB7, 255, 248

HSL178.3°, 100.0%, 51.4%

CMYK97%, 0%, 3%, 0%

HSV178.3°, 97.3%, 100.0%

LAB90.9, -49.9, -10.8

XYZ52.8, 78.3, 101.1

Decimal524280

Color Harmonies

Complementary

#07FFF8 #FF060D

Analogous

#06FF7C #0689FF

Triadic

#F706FF #FFF806

Tetradic

#7B06FF #FF060D #89FF06

Tints, Shades & Tones

Tints (Adding White)

#07FFF8

#22FFF8

#3EFFF9

#59FFFA

#75FFFB

#90FFFB

#ACFFFC

#C7FFFD

#E3FFFE

#FFFFFF

Shades (Adding Black)

#07FFF8

#06E2DC

#05C6C0

#04AAA5

#038D89

#03716E

#025552

#013837

#001C1B

#000000

WCAG Contrast Accessibility

1.26:1

Text on #FFFFFF

FAIL

16.67:1

Text on #000000

AAA

1.20:1

Text on #F8FAFC

FAIL

14.17:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #07FFF8; }

.text-color { color: #07FFF8; }

.border-color { border: 2px solid #07FFF8; }

Similar Colors

Aqua

#00FFFF