#4A7233

#4A7233

Color Values

HEX

#4A7233

RGB

74, 114, 51

HSL

98.1, 38.2%, 32.4%

HSV

98.1, 55.3%, 44.7%

CMYK

35.1%, 0.0%, 55.3%, 55.3%

OKLCH

0.5068 0.1024 135.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#4A7233

#5B3372

Analogous

#6A7233

#33723C

#4A7233

Triadic

#4A7233

#334A72

#72334A

Split Complementary

#4A7233

#3C3372

#72336A

Tetradic

#4A7233

#336A72

#5B3372

#723C33

Color Blindness Simulation

Original

#4A7233

Protanopia

#5B5C42

Deuteranopia

#595646

Tritanopia

#4C4E51

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CE
300
#BBD9AA
400
#97C57D
500
#72B04F
600
#5B8D3F
700
#497132
800
#395827
900
#2C4120
950
#1C2914

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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