#558CAA

#558CAA

Color Values

HEX

#558CAA

RGB

85, 140, 170

HSL

201.2, 33.3%, 50.0%

HSV

201.2, 50.0%, 66.7%

CMYK

50.0%, 17.6%, 0.0%, 33.3%

OKLCH

0.6138 0.0739 233.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#558CAA

#AA7355

Analogous

#55AA9E

#5561AA

#558CAA

Triadic

#558CAA

#AA558C

#8CAA55

Split Complementary

#558CAA

#AA5561

#AA9E55

Tetradic

#558CAA

#9E55AA

#AA7355

#61AA55

Color Blindness Simulation

Original

#558CAA

Protanopia

#6D6DA3

Deuteranopia

#6A66A1

Tritanopia

#589D9C

Achromatopsia

#828282

CSS Usage

background-color: #558CAA;
color: #558CAA;
border-color: #558CAA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC8D6
400
#81AAC0
500
#558CAA
600
#447088
700
#365A6D
800
#2B4655
900
#22353F
950
#152128

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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