#55673E

#55673E

Color Values

HEX

#55673E

RGB

85, 103, 62

HSL

86.3, 24.8%, 32.4%

HSV

86.3, 39.8%, 40.4%

CMYK

17.5%, 0.0%, 39.8%, 59.6%

OKLCH

0.4878 0.0655 127.9

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#55673E

#503E67

Analogous

#67653E

#41673E

#55673E

Triadic

#55673E

#3E5567

#673E55

Split Complementary

#55673E

#3E4167

#653E67

Tetradic

#55673E

#3E6765

#503E67

#673E41

Color Blindness Simulation

Original

#55673E

Protanopia

#5D5D48

Deuteranopia

#5C5A4A

Tritanopia

#565051

Achromatopsia

#606060

CSS Usage

background-color: #55673E;
color: #55673E;
border-color: #55673E;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DCE4D2
300
#C4D1B3
400
#A4B889
500
#839F60
600
#697F4D
700
#54663D
800
#425030
900
#323B26
950
#1F2518

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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