#1997E6

#1997E6

Color Values

HEX

#1997E6

RGB

25, 151, 230

HSL

203.1, 80.4%, 50.0%

HSV

203.1, 89.1%, 90.2%

CMYK

89.1%, 34.3%, 0.0%, 9.8%

OKLCH

0.6517 0.1543 244.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#1997E6

#E66819

Analogous

#19E6CE

#1931E6

#1997E6

Triadic

#1997E6

#E61997

#97E619

Split Complementary

#1997E6

#E61931

#E6CE19

Tetradic

#1997E6

#CE19E6

#E66819

#31E619

Color Blindness Simulation

Original

#1997E6

Protanopia

#5051D3

Deuteranopia

#483FCE

Tritanopia

#1FC4C0

Achromatopsia

#828282

CSS Usage

background-color: #1997E6;
color: #1997E6;
border-color: #1997E6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F9FD
100
#E1F0F9
200
#BFE2F8
300
#91CDF3
400
#55B2ED
500
#1997E6
600
#1479B8
700
#106193
800
#0C4C73
900
#0D3954
950
#082435

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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