#558DD3

#558DD3

Color Values

HEX

#558DD3

RGB

85, 141, 211

HSL

213.3, 58.9%, 58.0%

HSV

213.3, 59.7%, 82.7%

CMYK

59.7%, 33.2%, 0.0%, 17.3%

OKLCH

0.6359 0.1215 254.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#558DD3

#D39B55

Analogous

#55CCD3

#5C55D3

#558DD3

Triadic

#558DD3

#D3558D

#8DD355

Split Complementary

#558DD3

#D35C55

#CCD355

Tetradic

#558DD3

#D355CC

#D39B55

#55D35C

Color Blindness Simulation

Original

#558DD3

Protanopia

#6D6EC2

Deuteranopia

#6A66BE

Tritanopia

#58B5B2

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBEE6
400
#699BD8
500
#3477CB
600
#2A5FA2
700
#224C82
800
#1A3C65
900
#172E4A
950
#0E1D2F

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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