#1F4DAD

#1F4DAD

Color Values

HEX

#1F4DAD

RGB

31, 77, 173

HSL

220.6, 69.6%, 40.0%

HSV

220.6, 82.1%, 67.8%

CMYK

82.1%, 55.5%, 0.0%, 32.2%

OKLCH

0.449 0.162 262.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#1F4DAD

#AD7F1F

Analogous

#1F94AD

#381FAD

#1F4DAD

Triadic

#1F4DAD

#AD1F4D

#4DAD1F

Split Complementary

#1F4DAD

#AD381F

#94AD1F

Tetradic

#1F4DAD

#AD1F94

#AD7F1F

#1FAD38

Color Blindness Simulation

Original

#1F4DAD

Protanopia

#333396

Deuteranopia

#302D90

Tritanopia

#21837F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #1F4DAD;
color: #1F4DAD;
border-color: #1F4DAD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3E9F8
200
#C2D3F4
300
#97B3EC
400
#5F89E2
500
#2760D8
600
#1F4DAD
700
#193E8A
800
#13306C
900
#12264F
950
#0B1832

Contrast Checker

Text on white

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