HEX Color #33D3CC (Mediumturquoise)

About #33D3CC

The precise color #33D3CC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 211, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 76% cyan and 0% magenta inks. 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. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#33D3CC

RGB51, 211, 204

HSL177.4°, 64.5%, 51.4%

CMYK76%, 0%, 3%, 17%

HSV177.4°, 75.8%, 82.7%

LAB77.1, -40.9, -8.1

XYZ35.6, 51.7, 65.2

Decimal3396556

Color Harmonies

Complementary

#33D3CC #D33239

Analogous

#32D37C #3289D3

Triadic

#CC32D3 #D3CB32

Tetradic

#7B32D3 #D33239 #89D332

Tints, Shades & Tones

Tints (Adding White)

#33D3CC

#49D7D1

#60DCD7

#77E1DD

#8DE6E2

#A4EBE8

#BBF0EE

#D1F5F3

#E8FAF9

#FFFFFF

Shades (Adding Black)

#33D3CC

#2DBBB5

#27A49E

#228C88

#1C7571

#165D5A

#114644

#0B2E2D

#051716

#000000

WCAG Contrast Accessibility

1.85:1

Text on #FFFFFF

FAIL

11.33:1

Text on #000000

AAA

1.77:1

Text on #F8FAFC

FAIL

9.63:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumturquoise

#48D1CC