#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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026