#548629

#548629

Color Values

HEX

#548629

RGB

84, 134, 41

HSL

92.3, 53.1%, 34.3%

HSV

92.3, 69.4%, 52.5%

CMYK

37.3%, 0.0%, 69.4%, 47.5%

OKLCH

0.5647 0.1349 133.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#548629

#5B2986

Analogous

#828629

#29862D

#548629

Triadic

#548629

#295486

#862954

Split Complementary

#548629

#2D2986

#862982

Tetradic

#548629

#298286

#5B2986

#862D29

Color Blindness Simulation

Original

#548629

Protanopia

#6A6A3F

Deuteranopia

#676345

Tritanopia

#565155

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEEC8
300
#BFE2A1
400
#9DD36F
500
#7AC33C
600
#629C30
700
#4E7D26
800
#3D621E
900
#2F4819
950
#1D2D10

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026