HEX Color #AF4975 (Palevioletred)

About #AF4975

At its core, #AF4975 is a medium and moderate hue. Designers often compare it to the standard color Palevioletred. Its digital footprint relies on 175 parts red, 73 parts green, and 117 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 58% magenta inks. With a hue angle of 334.1 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF 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#AF4975

RGB175, 73, 117

HSL334.1°, 41.1%, 48.6%

CMYK0%, 58%, 33%, 31%

HSV334.1°, 58.3%, 68.6%

LAB45.9, 46.2, -4.2

XYZ23.3, 15.2, 18.5

Decimal11487605

Color Harmonies

Complementary

#AF4975 #49AF82

Analogous

#AF49A8 #AF4F49

Triadic

#75AF49 #4975AF

Tetradic

#A8AF49 #49AF82 #4F49AF

Tints, Shades & Tones

Tints (Adding White)

#AF4975

#B75D84

#C07193

#C985A3

#D299B2

#DBAEC1

#E4C2D1

#EDD6E0

#F6EAEF

#FFFFFF

Shades (Adding Black)

#AF4975

#9B4068

#88385B

#74304E

#612841

#4D2034

#3A1827

#26101A

#13080D

#000000

WCAG Contrast Accessibility

5.21:1

Text on #FFFFFF

AA

4.03:1

Text on #000000

AA Large

4.98:1

Text on #F8FAFC

AA

3.43:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #AF4975; }

.text-color { color: #AF4975; }

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

Similar Colors

Palevioletred

#DB7093