#54C155

#54C155

Color Values

HEX

#54C155

RGB

84, 193, 85

HSL

120.6, 46.8%, 54.3%

HSV

120.6, 56.5%, 75.7%

CMYK

56.5%, 0.0%, 56.0%, 24.3%

OKLCH

0.7232 0.1784 143.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#54C155

#C154C0

Analogous

#89C154

#54C18C

#54C155

Triadic

#54C155

#5554C1

#C15554

Split Complementary

#54C155

#8C54C1

#C15489

Tetradic

#54C155

#5489C1

#C154C0

#C18C54

Color Blindness Simulation

Original

#54C155

Protanopia

#83846F

Deuteranopia

#7D7575

Tritanopia

#598488

Achromatopsia

#A2A2A2

CSS Usage

background-color: #54C155;
color: #54C155;
border-color: #54C155;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CBECCB
300
#A5DEA6
400
#74CD75
500
#44BB45
600
#369637
700
#2B782C
800
#225E23
900
#1C451C
950
#122B12

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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