HEX Color #5FDBD3 (Mediumturquoise)

About #5FDBD3

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

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 57% cyan and 0% magenta inks. The HSL representation is 176.1° hue, 63.3% saturation, and 61.6% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#5FDBD3

RGB95, 219, 211

HSL176.1°, 63.3%, 61.6%

CMYK57%, 0%, 4%, 14%

HSV176.1°, 56.6%, 85.9%

LAB80.6, -36.2, -6.5

XYZ41.8, 57.8, 70.6

Decimal6282195

Color Harmonies

Complementary

#5FDBD3 #DB5F66

Analogous

#5FDB95 #5FA5DB

Triadic

#D25FDB #DBD35F

Tetradic

#945FDB #DB5F66 #A5DB5F

Tints, Shades & Tones

Tints (Adding White)

#5FDBD3

#70DFD7

#82E3DC

#94E7E1

#A6EBE6

#B7EFEB

#C9F3F0

#DBF7F5

#EDFBFA

#FFFFFF

Shades (Adding Black)

#5FDBD3

#54C2BB

#49AAA4

#3F928C

#347975

#2A615D

#1F4946

#15302E

#0A1817

#000000

WCAG Contrast Accessibility

1.67:1

Text on #FFFFFF

FAIL

12.56:1

Text on #000000

AAA

1.60:1

Text on #F8FAFC

FAIL

10.68:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumturquoise

#48D1CC