HEX Color #CD7A9D (Palevioletred)

About #CD7A9D

Visually, #CD7A9D is defined as a moderate magenta. Its closest recognized web color is Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 205, 122, and 157.

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

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CD7A9D

RGB205, 122, 157

HSL334.7°, 45.4%, 64.1%

CMYK0%, 40%, 23%, 20%

HSV334.7°, 40.5%, 80.4%

LAB61.1, 36.8, -4.8

XYZ38.2, 29.3, 35.5

Decimal13466269

Color Harmonies

Complementary

#CD7A9D #79CDAA

Analogous

#CD79C6 #CD8079

Triadic

#9DCD79 #799DCD

Tetradic

#C6CD79 #79CDAA #8079CD

Tints, Shades & Tones

Tints (Adding White)

#CD7A9D

#D288A7

#D897B2

#DDA6BD

#E3B5C8

#E8C3D3

#EED2DE

#F3E1E9

#F9F0F4

#FFFFFF

Shades (Adding Black)

#CD7A9D

#B66C8B

#9F5E7A

#885168

#714357

#5B3645

#442834

#2D1B22

#160D11

#000000

WCAG Contrast Accessibility

3.06:1

Text on #FFFFFF

AA Large

6.87:1

Text on #000000

AA

2.92:1

Text on #F8FAFC

FAIL

5.84:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #CD7A9D; }

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

Similar Colors

Palevioletred

#DB7093