#54BA45

#54BA45

Color Values

HEX

#54BA45

RGB

84, 186, 69

HSL

112.3, 45.9%, 50.0%

HSV

112.3, 62.9%, 72.9%

CMYK

54.8%, 0.0%, 62.9%, 27.1%

OKLCH

0.7033 0.1824 141.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#54BA45

#AB45BA

Analogous

#8FBA45

#45BA70

#54BA45

Triadic

#54BA45

#4554BA

#BA4554

Split Complementary

#54BA45

#7045BA

#BA458F

Tetradic

#54BA45

#458FBA

#AB45BA

#BA7045

Color Blindness Simulation

Original

#54BA45

Protanopia

#808161

Deuteranopia

#7A7368

Tritanopia

#59787D

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#CFECCB
300
#ADDEA6
400
#80CC75
500
#54BA45
600
#439537
700
#36772C
800
#2A5D22
900
#22441C
950
#152B12

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026