#548142

#548142

Color Values

HEX

#548142

RGB

84, 129, 66

HSL

102,9, 32,3%, 38,2%

HSV

102,9, 48,8%, 50,6%

CMYK

34,9%, 0,0%, 48,8%, 49,4%

OKLCH

0,5548 0,1045 137,4

Properties

Cool Light Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#548142

#6F4281

Analogous

#738142

#42814F

#548142

Triadic

#548142

#425481

#814254

Split Complementary

#548142

#4F4281

#814273

Tetradic

#548142

#427381

#6F4281

#814F42

Color Blindness Simulation

Original

#548142

Protanopia

#676851

Deuteranopia

#656255

Tritanopia

#565D60

Achromatopsia

#737373

CSS Usage

background-color: #548142;
color: #548142;
border-color: #548142;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6F9F5
100
#EBF2E8
200
#D6E7D0
300
#B9D6AE
400
#94BF82
500
#6EA956
600
#588745
700
#466C37
800
#37542B
900
#2A3F22
950
#1B2716

Contrast Checker

Text on white

4,57:1

AA Pass AAA Fail

Text on black

4,6: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