HEX Color #5FDBB6 (Mediumaquamarine)

About #5FDBB6

The hex code #5FDBB6 represents a beautifully specific shade of green. It is closely associated with the named CSS color Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 219, and 182.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 57% C, 0% M, 17% Y, and 14% K. The HSL representation is 162.1° hue, 63.3% saturation, and 61.6% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5FDBB6

RGB95, 219, 182

HSL162.1°, 63.3%, 61.6%

CMYK57%, 0%, 17%, 14%

HSV162.1°, 56.6%, 85.9%

LAB79.9, -43.4, 7.9

XYZ38.5, 56.5, 53.1

Decimal6282166

Color Harmonies

Complementary

#5FDBB6 #DB5F83

Analogous

#5FDB78 #5FC2DB

Triadic

#B65FDB #DBB65F

Tetradic

#785FDB #DB5F83 #C1DB5F

Tints, Shades & Tones

Tints (Adding White)

#5FDBB6

#70DFBE

#82E3C6

#94E7CE

#A6EBD6

#B7EFDE

#C9F3E6

#DBF7EE

#EDFBF6

#FFFFFF

Shades (Adding Black)

#5FDBB6

#54C2A1

#49AA8D

#3F9279

#347965

#2A6150

#1F493C

#153028

#0A1814

#000000

WCAG Contrast Accessibility

1.71:1

Text on #FFFFFF

FAIL

12.29:1

Text on #000000

AAA

1.63:1

Text on #F8FAFC

FAIL

10.45:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA