#1C7DDB

#1C7DDB

Color Values

HEX

#1C7DDB

RGB

28, 125, 219

HSL

209.5, 77.3%, 48.4%

HSV

209.5, 87.2%, 85.9%

CMYK

87.2%, 42.9%, 0.0%, 14.1%

OKLCH

0.5866 0.1665 252.8

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#1C7DDB

#DB7A1C

Analogous

#1CDBD9

#1C1EDB

#1C7DDB

Triadic

#1C7DDB

#DB1C7D

#7DDB1C

Split Complementary

#1C7DDB

#DB1C1E

#DBD91C

Tetradic

#1C7DDB

#D91CDB

#DB7A1C

#1EDB1C

Color Blindness Simulation

Original

#1C7DDB

Protanopia

#4647C4

Deuteranopia

#4039BF

Tritanopia

#21B2AE

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026