#5F4BA0

#5F4BA0

Color Values

HEX

#5F4BA0

RGB

95, 75, 160

HSL

254.1, 36.2%, 46.1%

HSV

254.1, 53.1%, 62.7%

CMYK

40.6%, 53.1%, 0.0%, 37.3%

OKLCH

0.4762 0.1324 291.4

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#5F4BA0

#8CA04B

Analogous

#4B62A0

#8A4BA0

#5F4BA0

Triadic

#5F4BA0

#A05F4B

#4BA05F

Split Complementary

#5F4BA0

#A08A4B

#62A04B

Tetradic

#5F4BA0

#A04B62

#8CA04B

#4BA08A

Color Blindness Simulation

Original

#5F4BA0

Protanopia

#56568B

Deuteranopia

#585986

Tritanopia

#5E7B78

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CEE8
300
#B6ACD8
400
#8F7EC3
500
#6751AE
600
#52418B
700
#42346F
800
#342957
900
#282140
950
#191529

Contrast Checker

Text on white

7.0:1

AA Pass AAA Fail

Text on black

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