#55843F

#55843F

Color Values

HEX

#55843F

RGB

85, 132, 63

HSL

100.9, 35.4%, 38.2%

HSV

100.9, 52.3%, 51.8%

CMYK

35.6%, 0.0%, 52.3%, 48.2%

OKLCH

0.5627 0.1117 136.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#55843F

#6E3F84

Analogous

#77843F

#3F844B

#55843F

Triadic

#55843F

#3F5584

#843F55

Split Complementary

#55843F

#4B3F84

#843F77

Tetradic

#55843F

#3F7784

#6E3F84

#844B3F

Color Blindness Simulation

Original

#55843F

Protanopia

#696A50

Deuteranopia

#676354

Tritanopia

#575D60

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E8
200
#D7E8CF
300
#BAD7AC
400
#95C27F
500
#6FAD52
600
#598A42
700
#476E35
800
#385629
900
#2B4021
950
#1B2815

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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