#4036C9

#4036C9

Color Values

HEX

#4036C9

RGB

64, 54, 201

HSL

244.1, 57.6%, 50.0%

HSV

244.1, 73.1%, 78.8%

CMYK

68.2%, 73.1%, 0.0%, 21.2%

OKLCH

0.4509 0.216 276.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4036C9

#BFC936

Analogous

#3675C9

#8A36C9

#4036C9

Triadic

#4036C9

#C94036

#36C940

Split Complementary

#4036C9

#C98A36

#75C936

Tetradic

#4036C9

#C93675

#BFC936

#36C98A

Color Blindness Simulation

Original

#4036C9

Protanopia

#3C3CA5

Deuteranopia

#3C3D9D

Tritanopia

#408983

Achromatopsia

#434343

CSS Usage

background-color: #4036C9;
color: #4036C9;
border-color: #4036C9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC7F0
300
#A39FE5
400
#726AD7
500
#4036C9
600
#332BA1
700
#292381
800
#201B64
900
#1B174A
950
#110F2E

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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