#1F3160

#1F3160

Color Values

HEX

#1F3160

RGB

31, 49, 96

HSL

223.4, 51.2%, 24.9%

HSV

223.4, 67.7%, 37.6%

CMYK

67.7%, 49.0%, 0.0%, 62.4%

OKLCH

0.3252 0.0865 266.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#1F3160

#604E1F

Analogous

#1F5160

#2E1F60

#1F3160

Triadic

#1F3160

#601F31

#31601F

Split Complementary

#1F3160

#602E1F

#51601F

Tetradic

#1F3160

#601F51

#604E1F

#1F602E

Color Blindness Simulation

Original

#1F3160

Protanopia

#272755

Deuteranopia

#262452

Tritanopia

#204C4A

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D3EE
300
#A2B4E1
400
#708BD1
500
#3E62C1
600
#324F9A
700
#283F7B
800
#1F3160
900
#1A2647
950
#10182D

Contrast Checker

Text on white

12.6:1

AA Pass AAA Pass

Text on black

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