#5C4DA6

#5C4DA6

Color Values

HEX

#5C4DA6

RGB

92, 77, 166

HSL

250.1, 36.6%, 47.6%

HSV

250.1, 53.6%, 65.1%

CMYK

44.6%, 53.6%, 0.0%, 34.9%

OKLCH

0.4812 0.1378 287.8

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#5C4DA6

#97A64D

Analogous

#4D6AA6

#884DA6

#5C4DA6

Triadic

#5C4DA6

#A65C4D

#4DA65C

Split Complementary

#5C4DA6

#A6884D

#6AA64D

Tetradic

#5C4DA6

#A64D6A

#97A64D

#4DA688

Color Blindness Simulation

Original

#5C4DA6

Protanopia

#565590

Deuteranopia

#56578B

Tritanopia

#5B7F7C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D3CEE8
300
#B3ABD8
400
#8A7EC3
500
#6151AE
600
#4D418B
700
#3E346F
800
#302857
900
#262040
950
#181529

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

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