#197DDC

#197DDC

Color Values

HEX

#197DDC

RGB

25, 125, 220

HSL

209.2, 79.6%, 48.0%

HSV

209.2, 88.6%, 86.3%

CMYK

88.6%, 43.2%, 0.0%, 13.7%

OKLCH

0.5868 0.1682 252.7

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#197DDC

#DC7819

Analogous

#19DCD9

#191CDC

#197DDC

Triadic

#197DDC

#DC197D

#7DDC19

Split Complementary

#197DDC

#DC191C

#DCD919

Tetradic

#197DDC

#D919DC

#DC7819

#1CDC19

Color Blindness Simulation

Original

#197DDC

Protanopia

#4445C5

Deuteranopia

#3E37C0

Tritanopia

#1EB3AF

Achromatopsia

#6F6F6F

CSS Usage

background-color: #197DDC;
color: #197DDC;
border-color: #197DDC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#91C3F3
400
#56A3EC
500
#1A82E5
600
#1568B7
700
#115393
800
#0D4172
900
#0E3153
950
#091F35

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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