#54AB60

#54AB60

Color Values

HEX

#54AB60

RGB

84, 171, 96

HSL

128.3, 34.1%, 50.0%

HSV

128.3, 50.9%, 67.1%

CMYK

50.9%, 0.0%, 43.9%, 32.9%

OKLCH

0.6684 0.1378 146.7

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#54AB60

#AB549F

Analogous

#73AB54

#54AB8C

#54AB60

Triadic

#54AB60

#6054AB

#AB6054

Split Complementary

#54AB60

#8C54AB

#AB5473

Tetradic

#54AB60

#5473AB

#AB549F

#AB8C54

Color Blindness Simulation

Original

#54AB60

Protanopia

#7A7A72

Deuteranopia

#756E76

Tritanopia

#588084

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE7D2
300
#ADD7B3
400
#80C189
500
#54AB60
600
#43894D
700
#366D3D
800
#2A5530
900
#223F26
950
#152818

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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