#5F60DF

#5F60DF

Color Values

HEX

#5F60DF

RGB

95, 96, 223

HSL

239.5, 66.7%, 62.4%

HSV

239.5, 57.4%, 87.5%

CMYK

57.4%, 57.0%, 0.0%, 12.5%

OKLCH

0.5587 0.1889 278.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5F60DF

#DFDE5F

Analogous

#5FA0DF

#9E5FDF

#5F60DF

Triadic

#5F60DF

#DF5F60

#60DF5F

Split Complementary

#5F60DF

#DF9E5F

#A0DF5F

Tetradic

#5F60DF

#DF5FA0

#DFDE5F

#5FDF9E

Color Blindness Simulation

Original

#5F60DF

Protanopia

#5F5FC0

Deuteranopia

#5F5FB9

Tritanopia

#5FA8A3

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F3
300
#999AEB
400
#6263E0
500
#2A2CD5
600
#2223AA
700
#1B1C88
800
#15166A
900
#13144E
950
#0C0D31

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026