#4F60F3

#4F60F3

Color Values

HEX

#4F60F3

RGB

79, 96, 243

HSL

233.8, 87.2%, 63.1%

HSV

233.8, 67.5%, 95.3%

CMYK

67.5%, 60.5%, 0.0%, 4.7%

OKLCH

0.5643 0.2185 272.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4F60F3

#F3E24F

Analogous

#4FB2F3

#904FF3

#4F60F3

Triadic

#4F60F3

#F34F60

#60F34F

Split Complementary

#4F60F3

#F3904F

#B2F34F

Tetradic

#4F60F3

#F34FB2

#F3E24F

#4FF390

Color Blindness Simulation

Original

#4F60F3

Protanopia

#5657CF

Deuteranopia

#5554C7

Tritanopia

#50B3AD

Achromatopsia

#676767

CSS Usage

background-color: #4F60F3;
color: #4F60F3;
border-color: #4F60F3;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BCC3FA
300
#8C97F7
400
#4E5FF3
500
#1027EF
600
#0D1FBF
700
#0A1999
800
#081477
900
#0A1256
950
#070C37

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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