#555100

#555100

Color Values

HEX

#555100

RGB

85, 81, 0

HSL

57.2, 100.0%, 16.7%

HSV

57.2, 100.0%, 33.3%

CMYK

0.0%, 4.7%, 100.0%, 66.7%

OKLCH

0.4251 0.0908 106.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#555100

#000455

Analogous

#552700

#2F5500

#555100

Triadic

#555100

#005551

#510055

Split Complementary

#555100

#002F55

#270055

Tetradic

#555100

#005527

#000455

#55002F

Color Blindness Simulation

Original

#555100

Protanopia

#535314

Deuteranopia

#545418

Tritanopia

#552326

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFCB8
300
#FFF985
400
#FFF642
500
#FFF300
600
#CCC200
700
#A39C00
800
#807A00
900
#5C5805
950
#3A3803

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

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