#55C299

#55C299

Color Values

HEX

#55C299

RGB

85, 194, 153

HSL

157.4, 47.2%, 54.7%

HSV

157.4, 56.2%, 76.1%

CMYK

56.2%, 0.0%, 21.1%, 23.9%

OKLCH

0.7391 0.1178 165.7

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#55C299

#C2557E

Analogous

#55C262

#55B5C2

#55C299

Triadic

#55C299

#9955C2

#C29955

Split Complementary

#55C299

#C255B5

#C26255

Tetradic

#55C299

#6255C2

#C2557E

#B5C255

Color Blindness Simulation

Original

#55C299

Protanopia

#8485A3

Deuteranopia

#7E76A5

Tritanopia

#5AABAC

Achromatopsia

#A8A8A8

CSS Usage

background-color: #55C299;
color: #55C299;
border-color: #55C299;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECDF
300
#A5DFC9
400
#74CDAC
500
#43BC8E
600
#369672
700
#2B785B
800
#225E47
900
#1C4536
950
#122C22

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.56:1

AA Pass AAA Pass

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