HEX Color #00D3C5 (Turquoise)

About #00D3C5

The precise color #00D3C5 is an excellent choice for modern design projects. Designers often compare it to the standard color Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 211, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 100% cyan, 0% magenta, 7% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#00D3C5

RGB0, 211, 197

HSL176.0°, 100.0%, 41.4%

CMYK100%, 0%, 7%, 17%

HSV176.0°, 100.0%, 82.7%

LAB76.4, -45.7, -5.3

XYZ33.4, 50.6, 60.8

Decimal54213

Color Harmonies

Complementary

#00D3C5 #D3000E

Analogous

#00D35B #0077D3

Triadic

#C400D3 #D3C400

Tetradic

#5B00D3 #D3000E #77D300

Tints, Shades & Tones

Tints (Adding White)

#00D3C5

#1CD7CB

#38DCD1

#55E1D8

#71E6DE

#8DEBE5

#AAF0EB

#C6F5F2

#E2FAF8

#FFFFFF

Shades (Adding Black)

#00D3C5

#00BBAF

#00A499

#008C83

#00756D

#005D57

#004641

#002E2B

#001715

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.12:1

Text on #000000

AAA

1.80:1

Text on #F8FAFC

FAIL

9.46:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Turquoise

#40E0D0