#555B22

#555B22

Color Values

HEX

#555B22

RGB

85, 91, 34

HSL

66.3, 45.6%, 24.5%

HSV

66.3, 62.6%, 35.7%

CMYK

6.6%, 0.0%, 62.6%, 64.3%

OKLCH

0.4528 0.0796 114.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#555B22

#28225B

Analogous

#5B4422

#385B22

#555B22

Triadic

#555B22

#22555B

#5B2255

Split Complementary

#555B22

#22385B

#44225B

Tetradic

#555B22

#225B44

#28225B

#5B2238

Color Blindness Simulation

Original

#555B22

Protanopia

#585830

Deuteranopia

#575733

Tritanopia

#553B3D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8ECCB
300
#D8DEA6
400
#C3CC76
500
#ADBA45
600
#8B9537
700
#6F772C
800
#575D23
900
#40441D
950
#292B12

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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