#5F6AE3

#5F6AE3

Color Values

HEX

#5F6AE3

RGB

95, 106, 227

HSL

235.0, 70.2%, 63.1%

HSV

235.0, 58.1%, 89.0%

CMYK

58.1%, 53.3%, 0.0%, 11.0%

OKLCH

0.5797 0.1815 275.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5F6AE3

#E3D85F

Analogous

#5FACE3

#965FE3

#5F6AE3

Triadic

#5F6AE3

#E35F6A

#6AE35F

Split Complementary

#5F6AE3

#E3965F

#ACE35F

Tetradic

#5F6AE3

#E35FAC

#E3D85F

#5FE396

Color Blindness Simulation

Original

#5F6AE3

Protanopia

#6464C6

Deuteranopia

#6362BF

Tritanopia

#60AFAA

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E2E4F8
200
#C2C6F4
300
#979EED
400
#5E69E3
500
#2635D9
600
#1E2AAE
700
#18228B
800
#131A6D
900
#12174F
950
#0B0E32

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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