#1F78AD

#1F78AD

Color Values

HEX

#1F78AD

RGB

31, 120, 173

HSL

202.4, 69.6%, 40.0%

HSV

202.4, 82.1%, 67.8%

CMYK

82.1%, 30.6%, 0.0%, 32.2%

OKLCH

0.5477 0.1149 240.7

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#1F78AD

#AD541F

Analogous

#1FAD9B

#1F31AD

#1F78AD

Triadic

#1F78AD

#AD1F78

#78AD1F

Split Complementary

#1F78AD

#AD1F31

#AD9B1F

Tetradic

#1F78AD

#9B1FAD

#AD541F

#31AD1F

Color Blindness Simulation

Original

#1F78AD

Protanopia

#4646A0

Deuteranopia

#403A9D

Tritanopia

#239694

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F8
200
#C2E2F4
300
#97CDEC
400
#5FB1E2
500
#2796D8
600
#1F78AD
700
#19608A
800
#134B6C
900
#12384F
950
#0B2332

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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