#1F76AD

#1F76AD

Color Values

HEX

#1F76AD

RGB

31, 118, 173

HSL

203.2, 69.6%, 40.0%

HSV

203.2, 82.1%, 67.8%

CMYK

82.1%, 31.8%, 0.0%, 32.2%

OKLCH

0.5428 0.1165 242.2

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#1F76AD

#AD561F

Analogous

#1FAD9D

#1F2FAD

#1F76AD

Triadic

#1F76AD

#AD1F76

#76AD1F

Split Complementary

#1F76AD

#AD1F2F

#AD9D1F

Tetradic

#1F76AD

#9D1FAD

#AD561F

#2FAD1F

Color Blindness Simulation

Original

#1F76AD

Protanopia

#4545A0

Deuteranopia

#40399C

Tritanopia

#239593

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F8
200
#C2E1F4
300
#97CBEC
400
#5FB0E2
500
#2794D8
600
#1F76AD
700
#195E8A
800
#134A6C
900
#12374F
950
#0B2332

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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