HEX Color #33D3DB (Darkturquoise)

About #33D3DB

Visually, #33D3DB is defined as a moderate cyan. Its closest recognized web color is Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 211, and 219.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 77% C, 4% M, 0% Y, and 14% K. With a hue angle of 182.9 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#33D3DB

RGB51, 211, 219

HSL182.9°, 70.0%, 52.9%

CMYK77%, 4%, 0%, 14%

HSV182.9°, 76.7%, 85.9%

LAB77.5, -36.6, -15.5

XYZ37.4, 52.4, 75.2

Decimal3396571

Color Harmonies

Complementary

#33D3DB #DB3A33

Analogous

#33DB8E #337FDB

Triadic

#DB33D3 #D3DB33

Tetradic

#8E33DB #DB3A33 #7FDB33

Tints, Shades & Tones

Tints (Adding White)

#33D3DB

#49D7DF

#60DCE3

#77E1E7

#8DE6EB

#A4EBEF

#BBF0F3

#D1F5F7

#E8FAFB

#FFFFFF

Shades (Adding Black)

#33D3DB

#2DBBC2

#27A4AA

#228C92

#1C7579

#165D61

#114649

#0B2E30

#051718

#000000

WCAG Contrast Accessibility

1.83:1

Text on #FFFFFF

FAIL

11.48:1

Text on #000000

AAA

1.75:1

Text on #F8FAFC

FAIL

9.76:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Darkturquoise

#00CED1