HEX Color #0FF8E9 (Aqua)

About #0FF8E9

The precise color #0FF8E9 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 15, 248, and 233.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 94% C, 0% M, 6% Y, and 3% K. With a hue angle of 176.1 degrees, it sits comfortably in the cyan spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0FF8E9

RGB15, 248, 233

HSL176.1°, 94.3%, 51.6%

CMYK94%, 0%, 6%, 3%

HSV176.1°, 94.0%, 97.3%

LAB88.5, -51.0, -6.6

XYZ48.5, 73.1, 88.6

Decimal1046761

Color Harmonies

Complementary

#0FF8E9 #F80E1D

Analogous

#0EF874 #0E92F8

Triadic

#E80EF8 #F8E80E

Tetradic

#740EF8 #F80E1D #92F80E

Tints, Shades & Tones

Tints (Adding White)

#0FF8E9

#29F8EB

#44F9ED

#5FFAF0

#79FBF2

#94FBF5

#AFFCF7

#C9FDFA

#E4FEFC

#FFFFFF

Shades (Adding Black)

#0FF8E9

#0DDCCF

#0BC0B5

#0AA59B

#088981

#066E67

#05524D

#033733

#011B19

#000000

WCAG Contrast Accessibility

1.34:1

Text on #FFFFFF

FAIL

15.62:1

Text on #000000

AAA

1.28:1

Text on #F8FAFC

FAIL

13.28:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #0FF8E9; }

.text-color { color: #0FF8E9; }

.border-color { border: 2px solid #0FF8E9; }

Similar Colors

Aqua

#00FFFF