#54B358

#54B358

Color Values

HEX

#54B358

RGB

84, 179, 88

HSL

122.5, 38.5%, 51.6%

HSV

122.5, 53.1%, 70.2%

CMYK

53.1%, 0.0%, 50.8%, 29.8%

OKLCH

0.6877 0.1568 144.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#54B358

#B354AF

Analogous

#80B354

#54B388

#54B358

Triadic

#54B358

#5854B3

#B35854

Split Complementary

#54B358

#8854B3

#B35480

Tetradic

#54B358

#5480B3

#B354AF

#B38854

Color Blindness Simulation

Original

#54B358

Protanopia

#7D7E6E

Deuteranopia

#787073

Tritanopia

#597F83

Achromatopsia

#989898

CSS Usage

background-color: #54B358;
color: #54B358;
border-color: #54B358;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9CF
300
#AAD9AC
400
#7CC57F
500
#4EB153
600
#3F8D42
700
#327135
800
#275829
900
#204121
950
#142915

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026