#1C7CD9

#1C7CD9

Color Values

HEX

#1C7CD9

RGB

28, 124, 217

HSL

209.5, 77.1%, 48.0%

HSV

209.5, 87.1%, 85.1%

CMYK

87.1%, 42.9%, 0.0%, 14.9%

OKLCH

0.5831 0.165 252.7

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#1C7CD9

#D9791C

Analogous

#1CD9D7

#1C1ED9

#1C7CD9

Triadic

#1C7CD9

#D91C7C

#7CD91C

Split Complementary

#1C7CD9

#D91C1E

#D9D71C

Tetradic

#1C7CD9

#D71CD9

#D9791C

#1ED91C

Color Blindness Simulation

Original

#1C7CD9

Protanopia

#4646C3

Deuteranopia

#4039BD

Tritanopia

#21B1AD

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DCF7
300
#93C3F1
400
#58A2E9
500
#1D81E2
600
#1767B5
700
#135391
800
#0F4171
900
#0F3152
950
#091F34

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass 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