HEX Color #8A5057 (Rosybrown)

About #8A5057

The precise color #8A5057 is an excellent choice for modern design projects. Its closest recognized web color is Rosybrown. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 80, and 87.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 42% magenta inks. The HSL representation is 352.8° hue, 26.6% saturation, and 42.7% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF 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#8A5057

RGB138, 80, 87

HSL352.8°, 26.6%, 42.7%

CMYK0%, 42%, 37%, 46%

HSV352.8°, 42.0%, 54.1%

LAB40.9, 25.2, 6.4

XYZ15.1, 11.8, 10.5

Decimal9064535

Color Harmonies

Complementary

#8A5057 #508A82

Analogous

#8A5073 #8A6650

Triadic

#568A50 #50578A

Tetradic

#738A50 #508A82 #65508A

Tints, Shades & Tones

Tints (Adding White)

#8A5057

#976369

#A4767C

#B18A8F

#BE9DA1

#CBB1B4

#D8C4C7

#E5D8D9

#F2EBEC

#FFFFFF

Shades (Adding Black)

#8A5057

#7A474D

#6B3E43

#5C353A

#4C2C30

#3D2326

#2E1A1D

#1E1113

#0F0809

#000000

WCAG Contrast Accessibility

6.24:1

Text on #FFFFFF

AA

3.37:1

Text on #000000

AA Large

5.96:1

Text on #F8FAFC

AA

2.86:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8A5057; }

.text-color { color: #8A5057; }

.border-color { border: 2px solid #8A5057; }

Similar Colors

Rosybrown

#BC8F8F