#4B701F

#4B701F

Color Values

HEX

#4B701F

RGB

75, 112, 31

HSL

87.4, 56.6%, 28.0%

HSV

87.4, 72.3%, 43.9%

CMYK

33.0%, 0.0%, 72.3%, 56.1%

OKLCH

0.4998 0.1168 130.9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#4B701F

#441F70

Analogous

#706C1F

#22701F

#4B701F

Triadic

#4B701F

#1F4B70

#701F4B

Split Complementary

#4B701F

#1F2270

#6C1F70

Tetradic

#4B701F

#1F706C

#441F70

#701F22

Color Blindness Simulation

Original

#4B701F

Protanopia

#5B5B33

Deuteranopia

#595637

Tritanopia

#4D4245

Achromatopsia

#626262

CSS Usage

background-color: #4B701F;
color: #4B701F;
border-color: #4B701F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FBF4
100
#EEF6E5
200
#DDF0C7
300
#C5E49F
400
#A5D66B
500
#86C837
600
#6BA02C
700
#568023
800
#43641C
900
#334918
950
#202E0F

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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