HEX Color #A875BD (Plum)

About #A875BD

The precise color #A875BD is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 117, and 189.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 11% cyan and 38% magenta inks. The HSL representation is 282.5° hue, 35.3% saturation, and 60.0% lightness.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A875BD

RGB168, 117, 189

HSL282.5°, 35.3%, 60.0%

CMYK11%, 38%, 0%, 26%

HSV282.5°, 38.1%, 74.1%

LAB56.8, 32.9, -30.0

XYZ31.7, 24.7, 51.2

Decimal11040189

Color Harmonies

Complementary

#A875BD #89BC75

Analogous

#8375BC #BC75AD

Triadic

#BCA775 #75BCA8

Tetradic

#BC8475 #89BC75 #75ADBC

Tints, Shades & Tones

Tints (Adding White)

#A875BD

#B184C4

#BB93CB

#C5A3D3

#CEB2DA

#D8C1E1

#E2D1E9

#EBE0F0

#F5EFF7

#FFFFFF

Shades (Adding Black)

#A875BD

#9568A8

#825B93

#704E7E

#5D4169

#4A3454

#38273F

#251A2A

#120D15

#000000

WCAG Contrast Accessibility

3.53:1

Text on #FFFFFF

AA Large

5.94:1

Text on #000000

AA

3.38:1

Text on #F8FAFC

AA Large

5.05:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #A875BD; }

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

Similar Colors

Plum

#DDA0DD