HEX Color #00F0E2 (Turquoise)

About #00F0E2

When working with digital screens, the color #00F0E2 is rendered by mixing light. It is closely associated with the named CSS color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 240, and 226.

Translating this color to physical media requires the CMYK color model. The color uses 100% Cyan, 0% Magenta, 6% Yellow, and 6% Black. With a hue angle of 176.5 degrees, it sits comfortably in the cyan spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#00F0E2

RGB0, 240, 226

HSL176.5°, 100.0%, 47.1%

CMYK100%, 0%, 6%, 6%

HSV176.5°, 100.0%, 94.1%

LAB85.9, -49.9, -6.7

XYZ44.9, 67.8, 82.7

Decimal61666

Color Harmonies

Complementary

#00F0E2 #EF000D

Analogous

#00EF6A #0085EF

Triadic

#E100EF #EFE100

Tetradic

#6900EF #EF000D #85EF00

Tints, Shades & Tones

Tints (Adding White)

#00F0E2

#1CF1E5

#38F3E8

#55F5EB

#71F6EE

#8DF8F2

#AAFAF5

#C6FBF8

#E2FDFB

#FFFFFF

Shades (Adding Black)

#00F0E2

#00D5C8

#00BAAF

#00A096

#00857D

#006A64

#00504B

#003532

#001A19

#000000

WCAG Contrast Accessibility

1.44:1

Text on #FFFFFF

FAIL

14.56:1

Text on #000000

AAA

1.38:1

Text on #F8FAFC

FAIL

12.38:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0