#558443

#558443

Color Values

HEX

#558443

RGB

85, 132, 67

HSL

103.4, 32.7%, 39.0%

HSV

103.4, 49.2%, 51.8%

CMYK

35.6%, 0.0%, 49.2%, 48.2%

OKLCH

0.5633 0.1075 137.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#558443

#724384

Analogous

#758443

#438451

#558443

Triadic

#558443

#435584

#844355

Split Complementary

#558443

#514384

#844375

Tetradic

#558443

#437584

#724384

#845143

Color Blindness Simulation

Original

#558443

Protanopia

#696A53

Deuteranopia

#676356

Tritanopia

#575F62

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EBF2E8
200
#D6E7D0
300
#B9D6AE
400
#93C082
500
#6DA956
600
#578745
700
#466C37
800
#36552B
900
#2A3F22
950
#1B2816

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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