HEX Color #5F1D42 (Darkslateblue)

About #5F1D42

The precise color #5F1D42 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 95, 29, and 66.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 69% Magenta, 31% Yellow, and 63% Black. 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#5F1D42

RGB95, 29, 66

HSL326.4°, 53.2%, 24.3%

CMYK0%, 69%, 31%, 63%

HSV326.4°, 69.5%, 37.3%

LAB22.7, 34.0, -7.5

XYZ6.1, 3.7, 5.5

Decimal6233410

Color Harmonies

Complementary

#5F1D42 #1C5F3A

Analogous

#5B1C5F #5F1C20

Triadic

#415F1C #1C415F

Tetradic

#5F5B1C #1C5F3A #1C205F

Tints, Shades & Tones

Tints (Adding White)

#5F1D42

#703657

#824F6C

#946881

#A68196

#B79AAB

#C9B3C0

#DBCCD5

#EDE5EA

#FFFFFF

Shades (Adding Black)

#5F1D42

#54193A

#491633

#3F132C

#341024

#2A0C1D

#1F0916

#15060E

#0A0307

#000000

WCAG Contrast Accessibility

12.06:1

Text on #FFFFFF

AAA

1.74:1

Text on #000000

FAIL

11.53:1

Text on #F8FAFC

AAA

1.48:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F1D42; }

.text-color { color: #5F1D42; }

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

Similar Colors

Darkslateblue

#483D8B