#558AD4

#558AD4

Color Values

HEX

#558AD4

RGB

85, 138, 212

HSL

215.0, 59.6%, 58.2%

HSV

215.0, 59.9%, 83.1%

CMYK

59.9%, 34.9%, 0.0%, 16.9%

OKLCH

0.6298 0.1258 257.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#558AD4

#D49F55

Analogous

#55C9D4

#5F55D4

#558AD4

Triadic

#558AD4

#D4558A

#8AD455

Split Complementary

#558AD4

#D45F55

#C9D455

Tetradic

#558AD4

#D455C9

#D49F55

#55D45F

Color Blindness Simulation

Original

#558AD4

Protanopia

#6C6CC2

Deuteranopia

#6965BE

Tritanopia

#58B4B1

Achromatopsia

#848484

CSS Usage

background-color: #558AD4;
color: #558AD4;
border-color: #558AD4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D8F1
300
#9DBCE6
400
#6897D9
500
#3473CB
600
#295CA3
700
#214982
800
#1A3966
900
#162C4A
950
#0E1C2F

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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