#1F5D99

#1F5D99

Color Values

HEX

#1F5D99

RGB

31, 93, 153

HSL

209.5, 66.3%, 36.1%

HSV

209.5, 79.7%, 60.0%

CMYK

79.7%, 39.2%, 0.0%, 40.0%

OKLCH

0.4706 0.1155 251.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#1F5D99

#995B1F

Analogous

#1F9998

#1F2099

#1F5D99

Triadic

#1F5D99

#991F5D

#5D991F

Split Complementary

#1F5D99

#991F20

#99981F

Tetradic

#1F5D99

#981F99

#995B1F

#20991F

Color Blindness Simulation

Original

#1F5D99

Protanopia

#3A3A8A

Deuteranopia

#363287

Tritanopia

#227F7C

Achromatopsia

#545454

CSS Usage

background-color: #1F5D99;
color: #1F5D99;
border-color: #1F5D99;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DCF3
300
#99C2EA
400
#62A2DF
500
#2B81D4
600
#2267AA
700
#1B5388
800
#15406A
900
#14314D
950
#0C1F31

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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