#1F4885

#1F4885

Color Values

HEX

#1F4885

RGB

31, 72, 133

HSL

215.9, 62.2%, 32.2%

HSV

215.9, 76.7%, 52.2%

CMYK

76.7%, 45.9%, 0.0%, 47.8%

OKLCH

0.407 0.1122 258.4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#1F4885

#855C1F

Analogous

#1F7B85

#291F85

#1F4885

Triadic

#1F4885

#851F48

#48851F

Split Complementary

#1F4885

#85291F

#7B851F

Tetradic

#1F4885

#851F7B

#855C1F

#1F8529

Color Blindness Simulation

Original

#1F4885

Protanopia

#313176

Deuteranopia

#2E2B73

Tritanopia

#216B68

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EBF7
200
#C5D7F2
300
#9CBAE8
400
#6695DB
500
#3070CF
600
#275AA5
700
#1F4884
800
#183867
900
#152B4C
950
#0D1B30

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

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