#4A5CF8

#4A5CF8

Color Values

HEX

#4A5CF8

RGB

74, 92, 248

HSL

233.8, 92.6%, 63.1%

HSV

233.8, 70.2%, 97.3%

CMYK

70.2%, 62.9%, 0.0%, 2.7%

OKLCH

0.559 0.2306 271.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4A5CF8

#F8E64A

Analogous

#4AB3F8

#8F4AF8

#4A5CF8

Triadic

#4A5CF8

#F84A5C

#5CF84A

Split Complementary

#4A5CF8

#F88F4A

#B3F84A

Tetradic

#4A5CF8

#F84AB3

#F8E64A

#4AF88F

Color Blindness Simulation

Original

#4A5CF8

Protanopia

#5252D2

Deuteranopia

#514FC9

Tritanopia

#4BB4AE

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BAC1FC
300
#8995FA
400
#495BF8
500
#0922F6
600
#081BC4
700
#06169D
800
#05117B
900
#081059
950
#050A38

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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