HEX Color #834992 (Darkslateblue)

About #834992

The precise color #834992 is an excellent choice for modern design projects. 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 146.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 10% Cyan, 50% Magenta, 0% Yellow, and 43% Black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#834992

RGB131, 73, 146

HSL287.7°, 33.3%, 42.9%

CMYK10%, 50%, 0%, 43%

HSV287.7°, 50.0%, 57.3%

LAB40.7, 37.0, -30.3

XYZ16.9, 11.7, 28.6

Decimal8604050

Color Harmonies

Complementary

#834992 #589249

Analogous

#5E4992 #92497C

Triadic

#928249 #499283

Tetradic

#925E49 #589249 #497C92

Tints, Shades & Tones

Tints (Adding White)

#834992

#905D9E

#9E71AA

#AC85B6

#BA99C2

#C7AECE

#D5C2DA

#E3D6E6

#F1EAF2

#FFFFFF

Shades (Adding Black)

#834992

#744081

#653871

#573061

#482851

#3A2040

#2B1830

#1D1020

#0E0810

#000000

WCAG Contrast Accessibility

6.30:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.02:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #834992; }

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

Similar Colors

Darkslateblue

#483D8B