HEX Color #AF5FCC (Mediumorchid)

About #AF5FCC

The hex code #AF5FCC represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Mediumorchid. In the RGB color space, it consists of 175 red, 95 green, and 204 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 14% cyan and 53% magenta inks. The HSL representation is 284.0° hue, 51.7% saturation, and 58.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#AF5FCC

RGB175, 95, 204

HSL284.0°, 51.7%, 58.6%

CMYK14%, 53%, 0%, 20%

HSV284.0°, 53.4%, 80.0%

LAB53.7, 50.0, -43.5

XYZ32.7, 21.7, 59.6

Decimal11493324

Color Harmonies

Complementary

#AF5FCC #7BCC5E

Analogous

#785ECC #CC5EB2

Triadic

#CCAF5E #5ECCAF

Tetradic

#CC785E #7BCC5E #5EB2CC

Tints, Shades & Tones

Tints (Adding White)

#AF5FCC

#B770D1

#C082D7

#C994DD

#D2A6E2

#DBB7E8

#E4C9EE

#EDDBF3

#F6EDF9

#FFFFFF

Shades (Adding Black)

#AF5FCC

#9B54B5

#88499E

#743F88

#613471

#4D2A5A

#3A1F44

#26152D

#130A16

#000000

WCAG Contrast Accessibility

3.94:1

Text on #FFFFFF

AA Large

5.33:1

Text on #000000

AA

3.76:1

Text on #F8FAFC

AA Large

4.53:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #AF5FCC; }

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

Similar Colors

Mediumorchid

#BA55D3