#555309

#555309

Color Values

HEX

#555309

RGB

85, 83, 9

HSL

58.4, 80.9%, 18.4%

HSV

58.4, 89.4%, 33.3%

CMYK

0.0%, 2.4%, 89.4%, 66.7%

OKLCH

0.4305 0.0884 107.9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#555309

#090B55

Analogous

#552D09

#315509

#555309

Triadic

#555309

#095553

#530955

Split Complementary

#555309

#093155

#2D0955

Tetradic

#555309

#09552D

#090B55

#550931

Color Blindness Simulation

Original

#555309

Protanopia

#54541B

Deuteranopia

#54541F

Tritanopia

#55292C

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#F9F9E1
200
#F8F7BE
300
#F3F190
400
#EDE954
500
#E7E118
600
#B9B413
700
#949010
800
#73710C
900
#54520D
950
#353408

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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