#1D4AE2

#1D4AE2

Color Values

HEX

#1D4AE2

RGB

29, 74, 226

HSL

226.3, 77.3%, 50.0%

HSV

226.3, 87.2%, 88.6%

CMYK

87.2%, 67.3%, 0.0%, 11.4%

OKLCH

0.4907 0.2338 265.1

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#1D4AE2

#E2B51D

Analogous

#1DADE2

#521DE2

#1D4AE2

Triadic

#1D4AE2

#E21D4A

#4AE21D

Split Complementary

#1D4AE2

#E2521D

#ADE21D

Tetradic

#1D4AE2

#E21DAD

#E2B51D

#1DE252

Color Blindness Simulation

Original

#1D4AE2

Protanopia

#3031BD

Deuteranopia

#2E2AB4

Tritanopia

#1FA09A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E7F9
200
#C0CCF7
300
#92A8F1
400
#5879EA
500
#1D4AE2
600
#173BB5
700
#132F91
800
#0E2571
900
#0F1E52
950
#091334

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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