#5F64E2

#5F64E2

Color Values

HEX

#5F64E2

RGB

95, 100, 226

HSL

237.7, 69.3%, 62.9%

HSV

237.7, 58.0%, 88.6%

CMYK

58.0%, 55.8%, 0.0%, 11.4%

OKLCH

0.5681 0.1878 276.9

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#5F64E2

#E2DD5F

Analogous

#5FA5E2

#9B5FE2

#5F64E2

Triadic

#5F64E2

#E25F64

#64E25F

Split Complementary

#5F64E2

#E29B5F

#A5E25F

Tetradic

#5F64E2

#E25FA5

#E2DD5F

#5FE29B

Color Blindness Simulation

Original

#5F64E2

Protanopia

#6161C4

Deuteranopia

#6160BC

Tritanopia

#5FABA6

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#979BEC
400
#5F64E2
500
#272ED8
600
#1F25AD
700
#191D8A
800
#14176C
900
#12154F
950
#0C0D32

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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