#559C7B

#559C7B

Color Values

HEX

#559C7B

RGB

85, 156, 123

HSL

152.1, 29.5%, 47.3%

HSV

152.1, 45.5%, 61.2%

CMYK

45.5%, 0.0%, 21.2%, 38.8%

OKLCH

0.6366 0.0883 162.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#559C7B

#9C5576

Analogous

#559C58

#559A9C

#559C7B

Triadic

#559C7B

#7B559C

#9C7B55

Split Complementary

#559C7B

#9C559A

#9C5855

Tetradic

#559C7B

#58559C

#9C5576

#9A9C55

Color Blindness Simulation

Original

#559C7B

Protanopia

#747483

Deuteranopia

#706A85

Tritanopia

#59898B

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D1E6DC
300
#B0D4C3
400
#85BCA3
500
#5AA582
600
#488468
700
#3A6A53
800
#2D5341
900
#243D31
950
#16271F

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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