#4C40C5

#4C40C5

Color Values

HEX

#4C40C5

RGB

76, 64, 197

HSL

245.4, 53.4%, 51.2%

HSV

245.4, 67.5%, 77.3%

CMYK

61.4%, 67.5%, 0.0%, 22.7%

OKLCH

0.4704 0.198 279.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4C40C5

#B9C540

Analogous

#4077C5

#8F40C5

#4C40C5

Triadic

#4C40C5

#C54C40

#40C54C

Split Complementary

#4C40C5

#C58F40

#77C540

Tetradic

#4C40C5

#C54077

#B9C540

#40C58F

Color Blindness Simulation

Original

#4C40C5

Protanopia

#4747A5

Deuteranopia

#48489D

Tritanopia

#4B8B86

Achromatopsia

#4C4C4C

CSS Usage

background-color: #4C40C5;
color: #4C40C5;
border-color: #4C40C5;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC8EE
300
#A7A1E2
400
#776ED3
500
#483BC4
600
#39309C
700
#2E267D
800
#241E62
900
#1D1948
950
#13102D

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

2.85:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026