HEX Color #42073A (Darkslateblue)

About #42073A

Visually, #42073A is defined as a vivid magenta. It is closely associated with the named CSS color Darkslateblue. Its digital footprint relies on 66 parts red, 7 parts green, and 58 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 89% M, 12% Y, and 74% K. With a hue angle of 308.1 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#42073A

RGB66, 7, 58

HSL308.1°, 80.8%, 14.3%

CMYK0%, 89%, 12%, 74%

HSV308.1°, 89.4%, 25.9%

LAB13.3, 33.1, -16.8

XYZ3.1, 1.6, 4.2

Decimal4327226

Color Harmonies

Complementary

#42073A #07420E

Analogous

#2C0742 #42071C

Triadic

#3A4207 #073A42

Tetradic

#422C07 #07420E #071C42

Tints, Shades & Tones

Tints (Adding White)

#42073A

#57224F

#6C3E65

#81597B

#967591

#AB90A7

#C0ACBD

#D5C7D3

#EAE3E9

#FFFFFF

Shades (Adding Black)

#42073A

#3A0633

#33052D

#2C0426

#240320

#1D0319

#160213

#0E010C

#070006

#000000

WCAG Contrast Accessibility

15.87:1

Text on #FFFFFF

AAA

1.32:1

Text on #000000

FAIL

15.17:1

Text on #F8FAFC

AAA

1.12:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #42073A; }

.text-color { color: #42073A; }

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

Similar Colors

Darkslateblue

#483D8B