HEX Color #00D3E2 (Darkturquoise)

About #00D3E2

The precise color #00D3E2 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkturquoise. Its digital footprint relies on 0 parts red, 211 parts green, and 226 parts blue light.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 100% C, 7% M, 0% Y, and 11% K. The HSL representation is 184.0° hue, 100.0% saturation, and 44.3% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00D3E2

RGB0, 211, 226

HSL184.0°, 100.0%, 44.3%

CMYK100%, 7%, 0%, 11%

HSV184.0°, 100.0%, 88.6%

LAB77.3, -37.1, -19.6

XYZ37.0, 52.1, 80.1

Decimal54242

Color Harmonies

Complementary

#00D3E2 #E20E00

Analogous

#00E280 #0061E2

Triadic

#E200D2 #D3E200

Tetradic

#8000E2 #E20E00 #61E200

Tints, Shades & Tones

Tints (Adding White)

#00D3E2

#1CD7E5

#38DCE8

#55E1EB

#71E6EE

#8DEBF2

#AAF0F5

#C6F5F8

#E2FAFB

#FFFFFF

Shades (Adding Black)

#00D3E2

#00BBC8

#00A4AF

#008C96

#00757D

#005D64

#00464B

#002E32

#001719

#000000

WCAG Contrast Accessibility

1.84:1

Text on #FFFFFF

FAIL

11.42:1

Text on #000000

AAA

1.76:1

Text on #F8FAFC

FAIL

9.70:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1