#5698CA

#5698CA

Color Values

HEX

#5698CA

RGB

86, 152, 202

HSL

205.9, 52.3%, 56.5%

HSV

205.9, 57.4%, 79.2%

CMYK

57.4%, 24.8%, 0.0%, 20.8%

OKLCH

0.6565 0.1009 243.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#5698CA

#CA8856

Analogous

#56CAC2

#565ECA

#5698CA

Triadic

#5698CA

#CA5698

#98CA56

Split Complementary

#5698CA

#CA565E

#CAC256

Tetradic

#5698CA

#C256CA

#CA8856

#5ECA56

Color Blindness Simulation

Original

#5698CA

Protanopia

#7373BE

Deuteranopia

#6F6ABB

Tritanopia

#59B4B2

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5698CA;
color: #5698CA;
border-color: #5698CA;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DEEE
300
#A2C6E2
400
#6FA7D2
500
#3D89C2
600
#316D9B
700
#27577C
800
#1E4461
900
#1A3447
950
#10212D

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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