#55612C

#55612C

Color Values

HEX

#55612C

RGB

85, 97, 44

HSL

73.6, 37.6%, 27.6%

HSV

73.6, 54.6%, 38.0%

CMYK

12.4%, 0.0%, 54.6%, 62.0%

OKLCH

0.4694 0.0776 120.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#55612C

#382C61

Analogous

#61522C

#3A612C

#55612C

Triadic

#55612C

#2C5561

#612C55

Split Complementary

#55612C

#2C3A61

#522C61

Tetradic

#55612C

#2C6152

#382C61

#612C3A

Color Blindness Simulation

Original

#55612C

Protanopia

#5A5A39

Deuteranopia

#5A593C

Tritanopia

#564345

Achromatopsia

#5B5B5B

CSS Usage

background-color: #55612C;
color: #55612C;
border-color: #55612C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F0F3E7
200
#E3E9CE
300
#CED9AB
400
#B4C47D
500
#9AAF50
600
#7B8C40
700
#627033
800
#4D5828
900
#394120
950
#242914

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026