#5C4FF2

#5C4FF2

Color Values

HEX

#5C4FF2

RGB

92, 79, 242

HSL

244.8, 86.2%, 62.9%

HSV

244.8, 67.4%, 94.9%

CMYK

62.0%, 67.4%, 0.0%, 5.1%

OKLCH

0.5444 0.2335 278.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5C4FF2

#E5F24F

Analogous

#4F93F2

#AD4FF2

#5C4FF2

Triadic

#5C4FF2

#F25C4F

#4FF25C

Split Complementary

#5C4FF2

#F2AD4F

#93F24F

Tetradic

#5C4FF2

#F24F93

#E5F24F

#4FF2AD

Color Blindness Simulation

Original

#5C4FF2

Protanopia

#5656CB

Deuteranopia

#5758C1

Tritanopia

#5BABA5

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BDFA
300
#958DF7
400
#5C4FF2
500
#2312ED
600
#1C0EBE
700
#170B98
800
#120977
900
#110B56
950
#0B0736

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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