#5F63E2

#5F63E2

Color Values

HEX

#5F63E2

RGB

95, 99, 226

HSL

238.2, 69.3%, 62.9%

HSV

238.2, 58.0%, 88.6%

CMYK

58.0%, 56.2%, 0.0%, 11.4%

OKLCH

0.5663 0.189 277.1

Properties

Cool Dark Nearest: mediumslateblue

Color Harmonies

Complementary

#5F63E2

#E2DE5F

Analogous

#5FA4E2

#9C5FE2

#5F63E2

Triadic

#5F63E2

#E25F63

#63E25F

Split Complementary

#5F63E2

#E29C5F

#A4E25F

Tetradic

#5F63E2

#E25FA4

#E2DE5F

#5FE29C

Color Blindness Simulation

Original

#5F63E2

Protanopia

#6161C3

Deuteranopia

#6060BC

Tritanopia

#5FABA6

Achromatopsia

#6B6B6B

CSS Usage

background-color: #5F63E2;
color: #5F63E2;
border-color: #5F63E2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#979AEC
400
#5F63E2
500
#272CD8
600
#1F24AD
700
#191C8A
800
#14166C
900
#12144F
950
#0C0D32

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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