#5F3758

#5F3758

Color Values

HEX

#5F3758

RGB

95, 55, 88

HSL

310.5, 26.7%, 29.4%

HSV

310.5, 42.1%, 37.3%

CMYK

0.0%, 42.1%, 7.4%, 62.7%

OKLCH

0.398 0.0747 333.5

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#5F3758

#375F3E

Analogous

#52375F

#5F3744

#5F3758

Triadic

#5F3758

#585F37

#37585F

Split Complementary

#5F3758

#445F37

#375F52

Tetradic

#5F3758

#5F5237

#375F3E

#37445F

Color Blindness Simulation

Original

#5F3758

Protanopia

#4E4D50

Deuteranopia

#50534E

Tritanopia

#5D4A48

Achromatopsia

#424242

CSS Usage

background-color: #5F3758;
color: #5F3758;
border-color: #5F3758;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B1CC
400
#BA87B1
500
#A25D96
600
#814B78
700
#673C60
800
#512F4B
900
#3C2538
950
#261723

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026