#55772F

#55772F

Color Values

HEX

#55772F

RGB

85, 119, 47

HSL

88.3, 43.4%, 32.5%

HSV

88.3, 60.5%, 46.7%

CMYK

28.6%, 0.0%, 60.5%, 53.3%

OKLCH

0.5266 0.1078 130.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#55772F

#512F77

Analogous

#77752F

#31772F

#55772F

Triadic

#55772F

#2F5577

#772F55

Split Complementary

#55772F

#2F3177

#752F77

Tetradic

#55772F

#2F7775

#512F77

#772F31

Color Blindness Simulation

Original

#55772F

Protanopia

#646440

Deuteranopia

#625F45

Tritanopia

#574E51

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DCEBCC
300
#C3DCA7
400
#A3CA78
500
#83B748
600
#69923A
700
#54752E
800
#415B24
900
#32431E
950
#1F2B13

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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