HEX Color #5FD3CC (Mediumturquoise)

About #5FD3CC

When working with digital screens, the color #5FD3CC is rendered by mixing light. 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 95, 211, and 204.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 55% C, 0% M, 3% Y, and 17% K. The HSL representation is 176.4° hue, 56.9% saturation, and 60.0% lightness.

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

RGB95, 211, 204

HSL176.4°, 56.9%, 60.0%

CMYK55%, 0%, 3%, 17%

HSV176.4°, 55.0%, 82.7%

LAB78.1, -34.3, -6.5

XYZ38.9, 53.4, 65.4

Decimal6280140

Color Harmonies

Complementary

#5FD3CC #D35F66

Analogous

#5FD392 #5F9FD3

Triadic

#CB5FD3 #D3CB5F

Tetradic

#925FD3 #D35F66 #A0D35F

Tints, Shades & Tones

Tints (Adding White)

#5FD3CC

#70D7D1

#82DCD7

#94E1DD

#A6E6E2

#B7EBE8

#C9F0EE

#DBF5F3

#EDFAF9

#FFFFFF

Shades (Adding Black)

#5FD3CC

#54BBB5

#49A49E

#3F8C88

#347571

#2A5D5A

#1F4644

#152E2D

#0A1716

#000000

WCAG Contrast Accessibility

1.80:1

Text on #FFFFFF

FAIL

11.68:1

Text on #000000

AAA

1.72:1

Text on #F8FAFC

FAIL

9.93:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #5FD3CC; }

.text-color { color: #5FD3CC; }

.border-color { border: 2px solid #5FD3CC; }

Similar Colors

Mediumturquoise

#48D1CC