#5C50F2

#5C50F2

Color Values

HEX

#5C50F2

RGB

92, 80, 242

HSL

244.4, 86.2%, 63.1%

HSV

244.4, 66.9%, 94.9%

CMYK

62.0%, 66.9%, 0.0%, 5.1%

OKLCH

0.5459 0.2324 278.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5C50F2

#E6F250

Analogous

#5095F2

#AD50F2

#5C50F2

Triadic

#5C50F2

#F25C50

#50F25C

Split Complementary

#5C50F2

#F2AD50

#95F250

Tetradic

#5C50F2

#F25095

#E6F250

#50F2AD

Color Blindness Simulation

Original

#5C50F2

Protanopia

#5757CB

Deuteranopia

#5858C1

Tritanopia

#5BACA5

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BDFA
300
#958DF7
400
#5B4FF2
500
#2212ED
600
#1B0EBE
700
#160B98
800
#110977
900
#100B56
950
#0A0736

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026