#555302

#555302

Color Values

HEX

#555302

RGB

85, 83, 2

HSL

58.6, 95.4%, 17.1%

HSV

58.6, 97.6%, 33.3%

CMYK

0.0%, 2.4%, 97.6%, 66.7%

OKLCH

0.4302 0.0918 108.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#555302

#020455

Analogous

#552A02

#2E5502

#555302

Triadic

#555302

#025553

#530255

Split Complementary

#555302

#022E55

#2A0255

Tetradic

#555302

#02552A

#020455

#55022E

Color Blindness Simulation

Original

#555302

Protanopia

#545416

Deuteranopia

#54541A

Tritanopia

#552528

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FDFCB9
300
#FCF987
400
#FBF647
500
#F9F306
600
#C7C305
700
#9F9C04
800
#7D7A03
900
#5A5807
950
#393804

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

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