#559BA0

#559BA0

Color Values

HEX

#559BA0

RGB

85, 155, 160

HSL

184.0, 30.6%, 48.0%

HSV

184.0, 46.9%, 62.7%

CMYK

46.9%, 3.1%, 0.0%, 37.3%

OKLCH

0.6457 0.071 201.6

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#559BA0

#A05A55

Analogous

#55A07F

#5575A0

#559BA0

Triadic

#559BA0

#A0559B

#9BA055

Split Complementary

#559BA0

#A05575

#A07F55

Tetradic

#559BA0

#7F55A0

#A05A55

#75A055

Color Blindness Simulation

Original

#559BA0

Protanopia

#73749F

Deuteranopia

#6F6A9E

Tritanopia

#589E9E

Achromatopsia

#8C8C8C

CSS Usage

background-color: #559BA0;
color: #559BA0;
border-color: #559BA0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D0E5E6
300
#AFD2D5
400
#84BABE
500
#58A1A7
600
#478185
700
#39676B
800
#2C5153
900
#233C3E
950
#162627

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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