#4F62F3

#4F62F3

Color Values

HEX

#4F62F3

RGB

79, 98, 243

HSL

233.0, 87.2%, 63.1%

HSV

233.0, 67.5%, 95.3%

CMYK

67.5%, 59.7%, 0.0%, 4.7%

OKLCH

0.5678 0.2162 271.9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#4F62F3

#F3E04F

Analogous

#4FB4F3

#8E4FF3

#4F62F3

Triadic

#4F62F3

#F34F62

#62F34F

Split Complementary

#4F62F3

#F38E4F

#B4F34F

Tetradic

#4F62F3

#F34FB4

#F3E04F

#4FF38E

Color Blindness Simulation

Original

#4F62F3

Protanopia

#5757D0

Deuteranopia

#5655C8

Tritanopia

#50B4AE

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BCC3FA
300
#8C99F7
400
#4E62F3
500
#102AEF
600
#0D22BF
700
#0A1B99
800
#081577
900
#0A1356
950
#070C37

Contrast Checker

Text on white

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