#1F70D2

#1F70D2

Color Values

HEX

#1F70D2

RGB

31, 112, 210

HSL

212.8, 74.3%, 47.3%

HSV

212.8, 85.2%, 82.4%

CMYK

85.2%, 46.7%, 0.0%, 17.6%

OKLCH

0.5524 0.169 256.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#1F70D2

#D2811F

Analogous

#1FCAD2

#271FD2

#1F70D2

Triadic

#1F70D2

#D21F70

#70D21F

Split Complementary

#1F70D2

#D2271F

#CAD21F

Tetradic

#1F70D2

#D21FCA

#D2811F

#1FD227

Color Blindness Simulation

Original

#1F70D2

Protanopia

#4243BA

Deuteranopia

#3D37B5

Tritanopia

#23A8A3

Achromatopsia

#666666

CSS Usage

background-color: #1F70D2;
color: #1F70D2;
border-color: #1F70D2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C1D9F6
300
#94BEEF
400
#5B9AE7
500
#2177DE
600
#1A5FB2
700
#154C8E
800
#103B6F
900
#102D51
950
#0A1D33

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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