HEX Color #AF57CC (Mediumorchid)

About #AF57CC

The precise color #AF57CC is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 87, and 204.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 14% cyan and 57% magenta inks. The HSL representation is 285.1° hue, 53.4% saturation, and 57.1% lightness.

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

Color Space Conversions

HEX#AF57CC

RGB175, 87, 204

HSL285.1°, 53.4%, 57.1%

CMYK14%, 57%, 0%, 20%

HSV285.1°, 57.4%, 80.0%

LAB52.2, 54.0, -45.9

XYZ32.0, 20.3, 59.4

Decimal11491276

Color Harmonies

Complementary

#AF57CC #73CC56

Analogous

#7456CC #CC56AE

Triadic

#CCAF56 #56CCAE

Tetradic

#CC7456 #73CC56 #56AECC

Tints, Shades & Tones

Tints (Adding White)

#AF57CC

#B769D1

#C07CD7

#C98FDD

#D2A1E2

#DBB4E8

#E4C7EE

#EDD9F3

#F6ECF9

#FFFFFF

Shades (Adding Black)

#AF57CC

#9B4DB5

#88439E

#743A88

#613071

#4D265A

#3A1D44

#26132D

#130916

#000000

WCAG Contrast Accessibility

4.15:1

Text on #FFFFFF

AA Large

5.06:1

Text on #000000

AA

3.97:1

Text on #F8FAFC

AA Large

4.30:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #AF57CC; }

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

Similar Colors

Mediumorchid

#BA55D3