HEX Color #00E2D3 (Turquoise)

About #00E2D3

The precise color #00E2D3 is an excellent choice for modern design projects. 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, 226, and 211.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00E2D3

RGB0, 226, 211

HSL176.0°, 100.0%, 44.3%

CMYK100%, 0%, 7%, 11%

HSV176.0°, 100.0%, 88.6%

LAB81.3, -48.2, -5.6

XYZ39.0, 59.1, 71.0

Decimal58067

Color Harmonies

Complementary

#00E2D3 #E2000E

Analogous

#00E262 #0080E2

Triadic

#D300E2 #E2D300

Tetradic

#6200E2 #E2000E #80E200

Tints, Shades & Tones

Tints (Adding White)

#00E2D3

#1CE5D7

#38E8DC

#55EBE1

#71EEE6

#8DF2EB

#AAF5F0

#C6F8F5

#E2FBFA

#FFFFFF

Shades (Adding Black)

#00E2D3

#00C8BB

#00AFA4

#00968C

#007D75

#00645D

#004B46

#00322E

#001917

#000000

WCAG Contrast Accessibility

1.64:1

Text on #FFFFFF

FAIL

12.82:1

Text on #000000

AAA

1.57:1

Text on #F8FAFC

FAIL

10.90:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0