#1D3186

#1D3186

Color Values

HEX

#1D3186

RGB

29, 49, 134

HSL

228.6, 64.4%, 32.0%

HSV

228.6, 78.4%, 52.5%

CMYK

78.4%, 63.4%, 0.0%, 47.5%

OKLCH

0.3565 0.144 267.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#1D3186

#86721D

Analogous

#1D6686

#3E1D86

#1D3186

Triadic

#1D3186

#861D31

#31861D

Split Complementary

#1D3186

#863E1D

#66861D

Tetradic

#1D3186

#861D66

#86721D

#1D863E

Color Blindness Simulation

Original

#1D3186

Protanopia

#262671

Deuteranopia

#24236C

Tritanopia

#1E615E

Achromatopsia

#333333

CSS Usage

background-color: #1D3186;
color: #1D3186;
border-color: #1D3186;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CDF2
300
#9AA9E9
400
#647BDD
500
#2D4DD2
600
#243DA8
700
#1D3186
800
#172669
900
#141F4D
950
#0D1430

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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