HEX Color #5F337C (Darkslateblue)

About #5F337C

Visually, #5F337C is defined as a moderate purple. 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 95, 51, and 124.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 23% cyan and 59% magenta inks. The HSL representation is 276.2° hue, 41.7% saturation, and 34.3% lightness.

When using this color as a background, text legibility must be considered. 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#5F337C

RGB95, 51, 124

HSL276.2°, 41.7%, 34.3%

CMYK23%, 59%, 0%, 51%

HSV276.2°, 58.9%, 48.6%

LAB30.0, 33.9, -33.9

XYZ9.5, 6.3, 19.8

Decimal6239100

Color Harmonies

Complementary

#5F337C #4F7C33

Analogous

#3A337C #7C3374

Triadic

#7C5E33 #337C5F

Tetradic

#7C3A33 #4F7C33 #33747C

Tints, Shades & Tones

Tints (Adding White)

#5F337C

#70498A

#826099

#9477A7

#A68DB6

#B7A4C4

#C9BBD3

#DBD1E1

#EDE8F0

#FFFFFF

Shades (Adding Black)

#5F337C

#542D6E

#492760

#3F2252

#341C44

#2A1637

#1F1129

#150B1B

#0A050D

#000000

WCAG Contrast Accessibility

9.33:1

Text on #FFFFFF

AAA

2.25:1

Text on #000000

FAIL

8.92:1

Text on #F8FAFC

AAA

1.91:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B