#3A40C5

#3A40C5

Color Values

HEX

#3A40C5

RGB

58, 64, 197

HSL

237.4, 54.5%, 50.0%

HSV

237.4, 70.6%, 77.3%

CMYK

70.6%, 67.5%, 0.0%, 22.7%

OKLCH

0.4583 0.2021 273.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3A40C5

#C5BF3A

Analogous

#3A86C5

#793AC5

#3A40C5

Triadic

#3A40C5

#C53A40

#40C53A

Split Complementary

#3A40C5

#C5793A

#86C53A

Tetradic

#3A40C5

#C53A86

#C5BF3A

#3AC579

Color Blindness Simulation

Original

#3A40C5

Protanopia

#3D3DA5

Deuteranopia

#3C3C9D

Tritanopia

#3A8B86

Achromatopsia

#484848

CSS Usage

background-color: #3A40C5;
color: #3A40C5;
border-color: #3A40C5;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CAEF
300
#A0A3E3
400
#6D72D4
500
#3A40C5
600
#2E339E
700
#25297E
800
#1D2062
900
#191B48
950
#10112E

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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