#54DA49

#54DA49

Color Values

HEX

#54DA49

RGB

84, 218, 73

HSL

115.4, 66.2%, 57.1%

HSV

115.4, 66.5%, 85.5%

CMYK

61.5%, 0.0%, 66.5%, 14.5%

OKLCH

0.7858 0.2184 142.0

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#54DA49

#CF49DA

Analogous

#9DDA49

#49DA87

#54DA49

Triadic

#54DA49

#4954DA

#DA4954

Split Complementary

#54DA49

#8749DA

#DA499D

Tetradic

#54DA49

#499DDA

#CF49DA

#DA8749

Color Blindness Simulation

Original

#54DA49

Protanopia

#8E8F6C

Deuteranopia

#867C74

Tritanopia

#5B888E

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C7F3C4
300
#9FEA99
400
#6CDF62
500
#38D42B
600
#2DAA22
700
#24881C
800
#1C6A16
900
#184D14
950
#0F310C

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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