#4B7D47

#4B7D47

Color Values

HEX

#4B7D47

RGB

75, 125, 71

HSL

115.6, 27.6%, 38.4%

HSV

115.6, 43.2%, 49.0%

CMYK

40.0%, 0.0%, 43.2%, 51.0%

OKLCH

0.5399 0.098 142.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#4B7D47

#79477D

Analogous

#667D47

#477D5E

#4B7D47

Triadic

#4B7D47

#474B7D

#7D474B

Split Complementary

#4B7D47

#5E477D

#7D4766

Tetradic

#4B7D47

#47667D

#79477D

#7D5E47

Color Blindness Simulation

Original

#4B7D47

Protanopia

#616154

Deuteranopia

#5E5A57

Tritanopia

#4E5E61

Achromatopsia

#6E6E6E

CSS Usage

background-color: #4B7D47;
color: #4B7D47;
border-color: #4B7D47;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D3E5D1
300
#B3D3B1
400
#8ABB87
500
#61A35C
600
#4E824A
700
#3E683B
800
#31512E
900
#263C24
950
#182617

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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