#55700F

#55700F

Color Values

HEX

#55700F

RGB

85, 112, 15

HSL

76.7, 76.4%, 24.9%

HSV

76.7, 86.6%, 43.9%

CMYK

24.1%, 0.0%, 86.6%, 56.1%

OKLCH

0.5056 0.1208 125.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#55700F

#2A0F70

Analogous

#705A0F

#24700F

#55700F

Triadic

#55700F

#0F5570

#700F55

Split Complementary

#55700F

#0F2470

#5A0F70

Tetradic

#55700F

#0F705A

#2A0F70

#700F24

Color Blindness Simulation

Original

#55700F

Protanopia

#616126

Deuteranopia

#5F5D2C

Tritanopia

#56393D

Achromatopsia

#636363

CSS Usage

background-color: #55700F;
color: #55700F;
border-color: #55700F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFCF2
100
#F2F9E2
200
#E7F7C0
300
#D7F193
400
#C1E959
500
#ABE11E
600
#89B418
700
#6D9013
800
#55700F
900
#3F520F
950
#28340A

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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