#4B7C45

#4B7C45

Color Values

HEX

#4B7C45

RGB

75, 124, 69

HSL

113.5, 28.5%, 37.8%

HSV

113.5, 44.4%, 48.6%

CMYK

39.5%, 0.0%, 44.4%, 51.4%

OKLCH

0.5369 0.0986 141.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#4B7C45

#76457C

Analogous

#667C45

#457C5A

#4B7C45

Triadic

#4B7C45

#454B7C

#7C454B

Split Complementary

#4B7C45

#5A457C

#7C4566

Tetradic

#4B7C45

#45667C

#76457C

#7C5A45

Color Blindness Simulation

Original

#4B7C45

Protanopia

#606152

Deuteranopia

#5D5A56

Tritanopia

#4D5D5F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EAF1E9
200
#D3E5D1
300
#B4D3B0
400
#8CBC86
500
#63A45B
600
#4F8349
700
#3F693A
800
#32522E
900
#273D24
950
#182617

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

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