#1F7DAD

#1F7DAD

Color Values

HEX

#1F7DAD

RGB

31, 125, 173

HSL

200.3, 69.6%, 40.0%

HSV

200.3, 82.1%, 67.8%

CMYK

82.1%, 27.7%, 0.0%, 32.2%

OKLCH

0.5599 0.1112 236.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#1F7DAD

#AD4F1F

Analogous

#1FAD96

#1F36AD

#1F7DAD

Triadic

#1F7DAD

#AD1F7D

#7DAD1F

Split Complementary

#1F7DAD

#AD1F36

#AD961F

Tetradic

#1F7DAD

#961FAD

#AD4F1F

#36AD1F

Color Blindness Simulation

Original

#1F7DAD

Protanopia

#4849A1

Deuteranopia

#423B9F

Tritanopia

#249896

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F1F8
200
#C2E3F4
300
#97D0EC
400
#5FB6E2
500
#279CD8
600
#1F7DAD
700
#19648A
800
#134E6C
900
#123A4F
950
#0B2532

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass 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