#555E24

#555E24

Color Values

HEX

#555E24

RGB

85, 94, 36

HSL

69.3, 44.6%, 25.5%

HSV

69.3, 61.7%, 36.9%

CMYK

9.6%, 0.0%, 61.7%, 63.1%

OKLCH

0.4607 0.0818 117.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#555E24

#2D245E

Analogous

#5E4A24

#385E24

#555E24

Triadic

#555E24

#24555E

#5E2455

Split Complementary

#555E24

#24385E

#4A245E

Tetradic

#555E24

#245E4A

#2D245E

#5E2438

Color Blindness Simulation

Original

#555E24

Protanopia

#595932

Deuteranopia

#585835

Tritanopia

#553D40

Achromatopsia

#585858

CSS Usage

background-color: #555E24;
color: #555E24;
border-color: #555E24;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E6EBCB
300
#D5DDA7
400
#BECB77
500
#A7B847
600
#859339
700
#6B762D
800
#535C23
900
#3E441D
950
#272B12

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026