#42336D

A dark, moderate purple closely aligning with Darkslateblue.

About #42336D

When working with digital screens, the color #42336D is rendered by mixing light. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 51, and 109.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 39% cyan, 53% magenta, 0% yellow, and 57% black. The HSL representation is 255.5° hue, 36.2% saturation, and 31.4% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#42336D
RGB66, 51, 109
HSL255.5°, 36.2%, 31.4%
CMYK39%, 53%, 0%, 57%
HSV255.5°, 53.2%, 42.7%
LAB25.7, 21.6, -31.6
XYZ6.2, 4.6, 15.0
Decimal4338541

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.90:1
Text on #FFFFFF
AAA
1.93:1
Text on #000000
FAIL
10.42:1
Text on #F8FAFC
AAA
1.64:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #42336D; }
.text-color { color: #42336D; }
.border-color { border: 2px solid #42336D; }

Similar Colors

Darkslateblue
#483D8B