#4C5AF6

#4C5AF6

Color Values

HEX

#4C5AF6

RGB

76, 90, 246

HSL

235.1, 90.4%, 63.1%

HSV

235.1, 69.1%, 96.5%

CMYK

69.1%, 63.4%, 0.0%, 3.5%

OKLCH

0.555 0.2299 272.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4C5AF6

#F6E84C

Analogous

#4CAFF6

#934CF6

#4C5AF6

Triadic

#4C5AF6

#F64C5A

#5AF64C

Split Complementary

#4C5AF6

#F6934C

#AFF64C

Tetradic

#4C5AF6

#F64CAF

#F6E84C

#4CF693

Color Blindness Simulation

Original

#4C5AF6

Protanopia

#5252D0

Deuteranopia

#5150C7

Tritanopia

#4DB2AC

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BBC0FC
300
#8A94F9
400
#4B59F6
500
#0C1FF3
600
#0A19C2
700
#08149B
800
#061079
900
#090F58
950
#060A37

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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