HEX Color #0FE2FF (Darkturquoise)

About #0FE2FF

At its core, #0FE2FF is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 226, and 255.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 94% cyan and 11% magenta inks. With a hue angle of 187.2 degrees, it sits comfortably in the cyan spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0FE2FF

RGB15, 226, 255

HSL187.2°, 100.0%, 52.9%

CMYK94%, 11%, 0%, 0%

HSV187.2°, 94.1%, 100.0%

LAB82.8, -34.7, -26.8

XYZ45.4, 61.7, 104.1

Decimal1041151

Color Harmonies

Complementary

#0FE2FF #FE2C0F

Analogous

#0FFEA4 #0F6AFE

Triadic

#FE0FE1 #E1FE0F

Tetradic

#A30FFE #FE2C0F #6AFE0F

Tints, Shades & Tones

Tints (Adding White)

#0FE2FF

#29E5FF

#44E8FF

#5FEBFF

#79EEFF

#94F2FF

#AFF5FF

#C9F8FF

#E4FBFF

#FFFFFF

Shades (Adding Black)

#0FE2FF

#0DC8E2

#0BAFC6

#0A96AA

#087D8D

#066471

#054B55

#033238

#01191C

#000000

WCAG Contrast Accessibility

1.57:1

Text on #FFFFFF

FAIL

13.34:1

Text on #000000

AAA

1.50:1

Text on #F8FAFC

FAIL

11.34:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1