#5F3F89

#5F3F89

Color Values

HEX

#5F3F89

RGB

95, 63, 137

HSL

265.9, 37.0%, 39.2%

HSV

265.9, 54.0%, 53.7%

CMYK

30.7%, 54.0%, 0.0%, 46.3%

OKLCH

0.4397 0.1203 301.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#5F3F89

#69893F

Analogous

#3F4489

#843F89

#5F3F89

Triadic

#5F3F89

#895F3F

#3F895F

Split Complementary

#5F3F89

#89843F

#44893F

Tetradic

#5F3F89

#893F44

#69893F

#3F8984

Color Blindness Simulation

Original

#5F3F89

Protanopia

#515177

Deuteranopia

#535573

Tritanopia

#5D6966

Achromatopsia

#4B4B4B

CSS Usage

background-color: #5F3F89;
color: #5F3F89;
border-color: #5F3F89;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D9CEE9
300
#BFABD8
400
#9C7EC4
500
#7950AF
600
#61408C
700
#4D3370
800
#3D2857
900
#2E2041
950
#1D1429

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026