#5F3C82

#5F3C82

Color Values

HEX

#5F3C82

RGB

95, 60, 130

HSL

270.0, 36.8%, 37.3%

HSV

270.0, 53.8%, 51.0%

CMYK

26.9%, 53.8%, 0.0%, 49.0%

OKLCH

0.43 0.1162 305.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#5F3C82

#5F823C

Analogous

#3C3C82

#823C82

#5F3C82

Triadic

#5F3C82

#825F3C

#3C825F

Split Complementary

#5F3C82

#82823C

#3C823C

Tetradic

#5F3C82

#823C3C

#5F823C

#3C8282

Color Blindness Simulation

Original

#5F3C82

Protanopia

#505071

Deuteranopia

#52546D

Tritanopia

#5D6461

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE8
300
#C2ABD8
400
#A17EC3
500
#8051AE
600
#66408C
700
#523470
800
#402857
900
#302040
950
#1F1429

Contrast Checker

Text on white

8.55:1

AA Pass AAA Pass

Text on black

2.46: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