HEX Color #5FB6A0 (Mediumaquamarine)

About #5FB6A0

When working with digital screens, the color #5FB6A0 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 182, and 160.

For print applications, it's crucial to understand its CMYK makeup. The color uses 48% Cyan, 0% Magenta, 12% Yellow, and 29% Black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. 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#5FB6A0

RGB95, 182, 160

HSL164.8°, 37.3%, 54.3%

CMYK48%, 0%, 12%, 29%

HSV164.8°, 47.8%, 71.4%

LAB68.3, -31.6, 3.1

XYZ27.8, 38.4, 39.2

Decimal6272672

Color Harmonies

Complementary

#5FB6A0 #B65F74

Analogous

#5FB674 #5FA0B6

Triadic

#A05FB6 #B6A05F

Tetradic

#745FB6 #B65F74 #A0B65F

Tints, Shades & Tones

Tints (Adding White)

#5FB6A0

#70BEAA

#82C6B5

#94CEBF

#A6D6CA

#B7DED4

#C9E6DF

#DBEEE9

#EDF6F4

#FFFFFF

Shades (Adding Black)

#5FB6A0

#54A18E

#498D7C

#3F796A

#346558

#2A5047

#1F3C35

#152823

#0A1411

#000000

WCAG Contrast Accessibility

2.42:1

Text on #FFFFFF

FAIL

8.69:1

Text on #000000

AAA

2.31:1

Text on #F8FAFC

FAIL

7.38:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA