#559985

#559985

Color Values

HEX

#559985

RGB

85, 153, 133

HSL

162.4, 28.6%, 46.7%

HSV

162.4, 44.4%, 60.0%

CMYK

44.4%, 0.0%, 13.1%, 40.0%

OKLCH

0.6319 0.0763 172.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#559985

#995569

Analogous

#559963

#558B99

#559985

Triadic

#559985

#855599

#998555

Split Complementary

#559985

#99558B

#996355

Tetradic

#559985

#635599

#995569

#8B9955

Color Blindness Simulation

Original

#559985

Protanopia

#72738A

Deuteranopia

#6E698B

Tritanopia

#588E8E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F1EF
200
#D1E6E0
300
#B0D3C9
400
#86BCAC
500
#5BA48F
600
#498372
700
#3A695B
800
#2E5247
900
#243D36
950
#172622

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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