HEX Color #33D3F0 (Darkturquoise)

About #33D3F0

At its core, #33D3F0 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 51, 211, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 79% C, 12% M, 0% Y, and 6% K. With a hue angle of 189.2 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#33D3F0

RGB51, 211, 240

HSL189.2°, 86.3%, 57.1%

CMYK79%, 12%, 0%, 6%

HSV189.2°, 78.8%, 94.1%

LAB78.2, -30.2, -25.7

XYZ40.4, 53.6, 90.7

Decimal3396592

Color Harmonies

Complementary

#33D3F0 #F04F32

Analogous

#32F0AE #3274F0

Triadic

#F032D3 #D3F032

Tetradic

#AE32F0 #F04F32 #74F032

Tints, Shades & Tones

Tints (Adding White)

#33D3F0

#49D7F1

#60DCF3

#77E1F5

#8DE6F6

#A4EBF8

#BBF0FA

#D1F5FB

#E8FAFD

#FFFFFF

Shades (Adding Black)

#33D3F0

#2DBBD5

#27A4BA

#228CA0

#1C7585

#165D6A

#114650

#0B2E35

#05171A

#000000

WCAG Contrast Accessibility

1.79:1

Text on #FFFFFF

FAIL

11.72:1

Text on #000000

AAA

1.71:1

Text on #F8FAFC

FAIL

9.96:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #33D3F0; }

.text-color { color: #33D3F0; }

.border-color { border: 2px solid #33D3F0; }

Similar Colors

Darkturquoise

#00CED1