#548920

#548920

Color Values

HEX

#548920

RGB

84, 137, 32

HSL

90.3, 62.1%, 33.1%

HSV

90.3, 76.6%, 53.7%

CMYK

38.7%, 0.0%, 76.6%, 46.3%

OKLCH

0.5718 0.145 133.0

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#548920

#552089

Analogous

#888920

#208921

#548920

Triadic

#548920

#205489

#892054

Split Complementary

#548920

#212089

#892088

Tetradic

#548920

#208889

#552089

#892120

Color Blindness Simulation

Original

#548920

Protanopia

#6B6B39

Deuteranopia

#686440

Tritanopia

#574D52

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF7E4
200
#DBF1C5
300
#C1E89C
400
#A0DB66
500
#7FCF30
600
#65A527
700
#51841F
800
#3F6718
900
#304C15
950
#1E300D

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026