#55987F

#55987F

Color Values

HEX

#55987F

RGB

85, 152, 127

HSL

157.6, 28.3%, 46.5%

HSV

157.6, 44.1%, 59.6%

CMYK

44.1%, 0.0%, 16.4%, 40.4%

OKLCH

0.6277 0.0791 167.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#55987F

#98556E

Analogous

#55985E

#559098

#55987F

Triadic

#55987F

#7F5598

#987F55

Split Complementary

#55987F

#985590

#985E55

Tetradic

#55987F

#5E5598

#98556E

#909855

Color Blindness Simulation

Original

#55987F

Protanopia

#727385

Deuteranopia

#6E6986

Tritanopia

#588A8B

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DE
300
#B0D3C6
400
#86BBA7
500
#5BA489
600
#49836D
700
#3B6957
800
#2E5244
900
#243D34
950
#172621

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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