#55BA63

#55BA63

Color Values

HEX

#55BA63

RGB

85, 186, 99

HSL

128.3, 42.3%, 53.1%

HSV

128.3, 54.3%, 72.9%

CMYK

54.3%, 0.0%, 46.8%, 27.1%

OKLCH

0.7077 0.1558 146.5

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#55BA63

#BA55AC

Analogous

#79BA55

#55BA95

#55BA63

Triadic

#55BA63

#6355BA

#BA6355

Split Complementary

#55BA63

#9555BA

#BA5579

Tetradic

#55BA63

#5579BA

#BA55AC

#BA9555

Color Blindness Simulation

Original

#55BA63

Protanopia

#818278

Deuteranopia

#7B737D

Tritanopia

#5A898C

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E9
200
#CCEAD0
300
#A8DCAF
400
#79C984
500
#4AB558
600
#3B9147
700
#2F7439
800
#255B2C
900
#1E4323
950
#132A16

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.59:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026