#1673CF

#1673CF

Color Values

HEX

#1673CF

RGB

22, 115, 207

HSL

209,8, 80,8%, 44,9%

HSV

209,8, 89,4%, 81,2%

CMYK

89,4%, 44,4%, 0,0%, 18,8%

OKLCH

0,5553 0,1634 253,5

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#1673CF

#CF7216

Analogous

#16CFCE

#1617CF

#1673CF

Triadic

#1673CF

#CF1673

#73CF16

Split Complementary

#1673CF

#CF1617

#CFCE16

Tetradic

#1673CF

#CE16CF

#CF7216

#17CF16

Color Blindness Simulation

Original

#1673CF

Protanopia

#3E3FB9

Deuteranopia

#3932B3

Tritanopia

#1BA7A3

Achromatopsia

#666666

CSS Usage

background-color: #1673CF;
color: #1673CF;
border-color: #1673CF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDBF8
300
#90C2F3
400
#54A1ED
500
#1880E7
600
#1467B8
700
#105294
800
#0C4073
900
#0D3154
950
#081F35

Contrast Checker

Text on white

4,79:1

AA Pass AAA Fail

Text on black

4,39: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