#197DDF

#197DDF

Color Values

HEX

#197DDF

RGB

25, 125, 223

HSL

209.7, 79.8%, 48.6%

HSV

209.7, 88.8%, 87.5%

CMYK

88.8%, 43.9%, 0.0%, 12.5%

OKLCH

0.5888 0.172 253.3

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#197DDF

#DF7B19

Analogous

#19DFDE

#191ADF

#197DDF

Triadic

#197DDF

#DF197D

#7DDF19

Split Complementary

#197DDF

#DF191A

#DFDE19

Tetradic

#197DDF

#DE19DF

#DF7B19

#1ADF19

Color Blindness Simulation

Original

#197DDF

Protanopia

#4445C7

Deuteranopia

#3E37C2

Tritanopia

#1EB5B0

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#91C2F3
400
#55A1EC
500
#1A81E5
600
#1567B7
700
#105293
800
#0D4073
900
#0E3153
950
#091F35

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026