HEX Color #00D3E9 (Darkturquoise)

About #00D3E9

At its core, #00D3E9 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 0, 211, and 233.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 9% magenta inks. The HSL representation is 185.7° hue, 100.0% saturation, and 45.7% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00D3E9

RGB0, 211, 233

HSL185.7°, 100.0%, 45.7%

CMYK100%, 9%, 0%, 9%

HSV185.7°, 100.0%, 91.4%

LAB77.6, -34.9, -23.0

XYZ38.0, 52.5, 85.2

Decimal54249

Color Harmonies

Complementary

#00D3E9 #E91600

Analogous

#00E98A #005EE9

Triadic

#E900D2 #D2E900

Tetradic

#8A00E9 #E91600 #5EE900

Tints, Shades & Tones

Tints (Adding White)

#00D3E9

#1CD7EB

#38DCED

#55E1F0

#71E6F2

#8DEBF5

#AAF0F7

#C6F5FA

#E2FAFC

#FFFFFF

Shades (Adding Black)

#00D3E9

#00BBCF

#00A4B5

#008C9B

#007581

#005D67

#00464D

#002E33

#001719

#000000

WCAG Contrast Accessibility

1.83:1

Text on #FFFFFF

FAIL

11.49:1

Text on #000000

AAA

1.75:1

Text on #F8FAFC

FAIL

9.77:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1