#1570C2

#1570C2

Color Values

HEX

#1570C2

RGB

21, 112, 194

HSL

208.4, 80.5%, 42.2%

HSV

208.4, 89.2%, 76.1%

CMYK

89.2%, 42.3%, 0.0%, 23.9%

OKLCH

0.5397 0.1503 251.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1570C2

#C26715

Analogous

#15C2BE

#151AC2

#1570C2

Triadic

#1570C2

#C21570

#70C215

Split Complementary

#1570C2

#C2151A

#C2BE15

Tetradic

#1570C2

#BE15C2

#C26715

#1AC215

Color Blindness Simulation

Original

#1570C2

Protanopia

#3C3DAE

Deuteranopia

#3730A9

Tritanopia

#1A9E9B

Achromatopsia

#636363

CSS Usage

background-color: #1570C2;
color: #1570C2;
border-color: #1570C2;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDDF8
300
#91C4F3
400
#55A5ED
500
#1985E6
600
#146AB8
700
#105593
800
#0C4273
900
#0D3254
950
#082035

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

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