#4F57F3

#4F57F3

Color Values

HEX

#4F57F3

RGB

79, 87, 243

HSL

237.1, 87.2%, 63.1%

HSV

237.1, 67.5%, 95.3%

CMYK

67.5%, 64.2%, 0.0%, 4.7%

OKLCH

0.5492 0.2288 273.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4F57F3

#F3EB4F

Analogous

#4FA9F3

#994FF3

#4F57F3

Triadic

#4F57F3

#F34F57

#57F34F

Split Complementary

#4F57F3

#F3994F

#A9F34F

Tetradic

#4F57F3

#F34FA9

#F3EB4F

#4FF399

Color Blindness Simulation

Original

#4F57F3

Protanopia

#5253CD

Deuteranopia

#5251C4

Tritanopia

#4FAFA9

Achromatopsia

#616161

CSS Usage

background-color: #4F57F3;
color: #4F57F3;
border-color: #4F57F3;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFA
300
#8C92F7
400
#4E56F3
500
#101BEF
600
#0D16BF
700
#0A1199
800
#080E77
900
#0A0E56
950
#070937

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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