#55A658

#55A658

Color Values

HEX

#55A658

RGB

85, 166, 88

HSL

122.2, 32.3%, 49.2%

HSV

122.2, 48.8%, 65.1%

CMYK

48.8%, 0.0%, 47.0%, 34.9%

OKLCH

0.6546 0.1378 144.5

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#55A658

#A655A3

Analogous

#7AA655

#55A680

#55A658

Triadic

#55A658

#5855A6

#A65855

Split Complementary

#55A658

#8055A6

#A6557A

Tetradic

#55A658

#557AA6

#A655A3

#A68055

Color Blindness Simulation

Original

#55A658

Protanopia

#78796B

Deuteranopia

#736D6F

Tritanopia

#597A7D

Achromatopsia

#8F8F8F

CSS Usage

background-color: #55A658;
color: #55A658;
border-color: #55A658;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5F9F5
100
#E8F2E9
200
#D0E7D1
300
#AED6AF
400
#82BF84
500
#56A959
600
#458747
700
#376C39
800
#2B542D
900
#223F23
950
#162716

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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