HEX Color #752C57 (Palevioletred)

About #752C57

The precise color #752C57 is an excellent choice for modern design projects. It is closely associated with the named CSS color Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 44, and 87.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 62% magenta inks. With a hue angle of 324.7 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#752C57

RGB117, 44, 87

HSL324.7°, 45.3%, 31.6%

CMYK0%, 62%, 26%, 54%

HSV324.7°, 62.4%, 45.9%

LAB30.1, 37.1, -9.9

XYZ10.0, 6.3, 9.7

Decimal7679063

Color Harmonies

Complementary

#752C57 #2B7549

Analogous

#6E2B75 #752B32

Triadic

#57752B #2B5775

Tetradic

#756E2B #2B7549 #2B3275

Tints, Shades & Tones

Tints (Adding White)

#752C57

#844369

#935A7C

#A3728F

#B289A1

#C1A1B4

#D1B8C7

#E0D0D9

#EFE7EC

#FFFFFF

Shades (Adding Black)

#752C57

#68274D

#5B2243

#4E1D3A

#411830

#341326

#270E1D

#1A0913

#0D0409

#000000

WCAG Contrast Accessibility

9.32:1

Text on #FFFFFF

AAA

2.25:1

Text on #000000

FAIL

8.90:1

Text on #F8FAFC

AAA

1.92:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #752C57; }

.text-color { color: #752C57; }

.border-color { border: 2px solid #752C57; }

Similar Colors

Palevioletred

#DB7093