#549022

#549022

Color Values

HEX

#549022

RGB

84, 144, 34

HSL

92.7, 61.8%, 34.9%

HSV

92.7, 76.4%, 56.5%

CMYK

41.7%, 0.0%, 76.4%, 43.5%

OKLCH

0.5904 0.1528 134.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#549022

#5E2290

Analogous

#8B9022

#229027

#549022

Triadic

#549022

#225490

#902254

Split Complementary

#549022

#272290

#90228B

Tetradic

#549022

#228B90

#5E2290

#902722

Color Blindness Simulation

Original

#549022

Protanopia

#6E6F3D

Deuteranopia

#6A6643

Tritanopia

#575256

Achromatopsia

#7B7B7B

CSS Usage

background-color: #549022;
color: #549022;
border-color: #549022;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D9F1C5
300
#BEE89C
400
#9BDB66
500
#78CE31
600
#60A527
700
#4D841F
800
#3C6718
900
#2E4B16
950
#1D300E

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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