#5C4AF4

#5C4AF4

Color Values

HEX

#5C4AF4

RGB

92, 74, 244

HSL

246.4, 88.5%, 62.4%

HSV

246.4, 69.7%, 95.7%

CMYK

62.3%, 69.7%, 0.0%, 4.3%

OKLCH

0.539 0.2411 279.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5C4AF4

#E2F44A

Analogous

#4A8DF4

#B14AF4

#5C4AF4

Triadic

#5C4AF4

#F45C4A

#4AF45C

Split Complementary

#5C4AF4

#F4B14A

#8DF44A

Tetradic

#5C4AF4

#F44A8D

#E2F44A

#4AF4B1

Color Blindness Simulation

Original

#5C4AF4

Protanopia

#5454CB

Deuteranopia

#5557C1

Tritanopia

#5BAAA3

Achromatopsia

#5A5A5A

CSS Usage

background-color: #5C4AF4;
color: #5C4AF4;
border-color: #5C4AF4;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E3E0FB
200
#C2BCFB
300
#978CF8
400
#5F4DF4
500
#270FF0
600
#1F0CC0
700
#19099A
800
#130778
900
#120A57
950
#0B0637

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026