HEX Color #834975 (Darkslateblue)

About #834975

Visually, #834975 is defined as a muted magenta. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 73, and 117.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 44% M, 11% Y, and 49% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF 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#834975

RGB131, 73, 117

HSL314.5°, 28.4%, 40.0%

CMYK0%, 44%, 11%, 49%

HSV314.5°, 44.3%, 51.4%

LAB39.4, 31.3, -14.6

XYZ15.0, 10.9, 18.1

Decimal8604021

Color Harmonies

Complementary

#834975 #498357

Analogous

#744983 #834957

Triadic

#748349 #497483

Tetradic

#837349 #498357 #495783

Tints, Shades & Tones

Tints (Adding White)

#834975

#905D84

#9E7193

#AC85A3

#BA99B2

#C7AEC1

#D5C2D1

#E3D6E0

#F1EAEF

#FFFFFF

Shades (Adding Black)

#834975

#744068

#65385B

#57304E

#482841

#3A2034

#2B1827

#1D101A

#0E080D

#000000

WCAG Contrast Accessibility

6.61:1

Text on #FFFFFF

AA

3.17:1

Text on #000000

AA Large

6.32:1

Text on #F8FAFC

AA

2.70:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #834975; }

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

Similar Colors

Darkslateblue

#483D8B