#4B7022

#4B7022

Color Values

HEX

#4B7022

RGB

75, 112, 34

HSL

88.5, 53.4%, 28.6%

HSV

88.5, 69.6%, 43.9%

CMYK

33.0%, 0.0%, 69.6%, 56.1%

OKLCH

0.5001 0.1145 131.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#4B7022

#472270

Analogous

#706E22

#247022

#4B7022

Triadic

#4B7022

#224B70

#70224B

Split Complementary

#4B7022

#222470

#6E2270

Tetradic

#4B7022

#22706E

#472270

#702224

Color Blindness Simulation

Original

#4B7022

Protanopia

#5B5B35

Deuteranopia

#595639

Tritanopia

#4D4447

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DCEEC8
300
#C3E2A1
400
#A3D36E
500
#83C43B
600
#699C30
700
#547D26
800
#41621E
900
#324819
950
#1F2D10

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026