#1F72BF

#1F72BF

Color Values

HEX

#1F72BF

RGB

31, 114, 191

HSL

208.9, 72.1%, 43.5%

HSV

208.9, 83.8%, 74.9%

CMYK

83.8%, 40.3%, 0.0%, 25.1%

OKLCH

0.5442 0.1423 251.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1F72BF

#BF6C1F

Analogous

#1FBFBC

#1F22BF

#1F72BF

Triadic

#1F72BF

#BF1F72

#72BF1F

Split Complementary

#1F72BF

#BF1F22

#BFBC1F

Tetradic

#1F72BF

#BC1FBF

#BF6C1F

#22BF1F

Color Blindness Simulation

Original

#1F72BF

Protanopia

#4344AC

Deuteranopia

#3E38A8

Tritanopia

#239E9A

Achromatopsia

#666666

CSS Usage

background-color: #1F72BF;
color: #1F72BF;
border-color: #1F72BF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DCF5
300
#96C3EE
400
#5DA3E5
500
#2483DB
600
#1C69B0
700
#17548C
800
#12416E
900
#113250
950
#0B1F32

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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