#54981D

#54981D

Color Values

HEX

#54981D

RGB

84, 152, 29

HSL

93.2, 68.0%, 35.5%

HSV

93.2, 80.9%, 59.6%

CMYK

44.7%, 0.0%, 80.9%, 40.4%

OKLCH

0.6112 0.1655 134.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54981D

#611D98

Analogous

#92981D

#1D9824

#54981D

Triadic

#54981D

#1D5498

#981D54

Split Complementary

#54981D

#241D98

#981D92

Tetradic

#54981D

#1D9298

#611D98

#98241D

Color Blindness Simulation

Original

#54981D

Protanopia

#71723B

Deuteranopia

#6E6842

Tritanopia

#575257

Achromatopsia

#818181

CSS Usage

background-color: #54981D;
color: #54981D;
border-color: #54981D;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F4C3
300
#BDEB98
400
#9AE160
500
#76D629
600
#5FAB21
700
#4C891A
800
#3B6B14
900
#2D4E13
950
#1D310C

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

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