#1F4175

#1F4175

Color Values

HEX

#1F4175

RGB

31, 65, 117

HSL

216.3, 58.1%, 29.0%

HSV

216.3, 73.5%, 45.9%

CMYK

73.5%, 44.4%, 0.0%, 54.1%

OKLCH

0.3789 0.0975 258.7

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#1F4175

#75531F

Analogous

#1F6C75

#281F75

#1F4175

Triadic

#1F4175

#751F41

#41751F

Split Complementary

#1F4175

#75281F

#6C751F

Tetradic

#1F4175

#751F6C

#75531F

#1F7528

Color Blindness Simulation

Original

#1F4175

Protanopia

#2E2E68

Deuteranopia

#2C2965

Tritanopia

#215E5C

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EBF6
200
#C7D7F0
300
#9EBAE5
400
#6A95D7
500
#3570CA
600
#2B5AA1
700
#224881
800
#1B3865
900
#172B4A
950
#0F1B2F

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026