#1F3B76

#1F3B76

Color Values

HEX

#1F3B76

RGB

31, 59, 118

HSL

220.7, 58.4%, 29.2%

HSV

220.7, 73.7%, 46.3%

CMYK

73.7%, 50.0%, 0.0%, 53.7%

OKLCH

0.3654 0.1068 263.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#1F3B76

#765A1F

Analogous

#1F6676

#2E1F76

#1F3B76

Triadic

#1F3B76

#761F3B

#3B761F

Split Complementary

#1F3B76

#762E1F

#66761F

Tetradic

#1F3B76

#761F66

#765A1F

#1F762E

Color Blindness Simulation

Original

#1F3B76

Protanopia

#2B2B68

Deuteranopia

#2A2764

Tritanopia

#205C5A

Achromatopsia

#393939

CSS Usage

background-color: #1F3B76;
color: #1F3B76;
border-color: #1F3B76;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D4F0
300
#9EB5E6
400
#6A8DD8
500
#3565CA
600
#2A51A2
700
#224181
800
#1B3265
900
#17274A
950
#0F192F

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

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