HEX Color #AF578A (Palevioletred)

About #AF578A

The precise color #AF578A is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Palevioletred. In the RGB color space, it consists of 175 red, 87 green, and 138 blue.

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 50% magenta inks. The HSL representation is 325.2° hue, 35.5% saturation, and 51.4% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AF578A

RGB175, 87, 138

HSL325.2°, 35.5%, 51.4%

CMYK0%, 50%, 21%, 31%

HSV325.2°, 50.3%, 68.6%

LAB49.2, 42.1, -11.8

XYZ25.7, 17.8, 26.1

Decimal11491210

Color Harmonies

Complementary

#AF578A #56AF7C

Analogous

#A856AF #AF565D

Triadic

#89AF56 #5689AF

Tetradic

#AFA856 #56AF7C #565DAF

Tints, Shades & Tones

Tints (Adding White)

#AF578A

#B76997

#C07CA4

#C98FB1

#D2A1BE

#DBB4CB

#E4C7D8

#EDD9E5

#F6ECF2

#FFFFFF

Shades (Adding Black)

#AF578A

#9B4D7A

#88436B

#743A5C

#61304C

#4D263D

#3A1D2E

#26131E

#13090F

#000000

WCAG Contrast Accessibility

4.61:1

Text on #FFFFFF

AA

4.55:1

Text on #000000

AA

4.41:1

Text on #F8FAFC

AA Large

3.87:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #AF578A; }

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

Similar Colors

Palevioletred

#DB7093