#4A6331

#4A6331

Color Values

HEX

#4A6331

RGB

74, 99, 49

HSL

90.0, 33.8%, 29.0%

HSV

90.0, 50.5%, 38.8%

CMYK

25.3%, 0.0%, 50.5%, 61.2%

OKLCH

0.4667 0.0805 130.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#4A6331

#4A3163

Analogous

#636331

#316331

#4A6331

Triadic

#4A6331

#314A63

#63314A

Split Complementary

#4A6331

#313163

#633163

Tetradic

#4A6331

#316363

#4A3163

#633131

Color Blindness Simulation

Original

#4A6331

Protanopia

#55553D

Deuteranopia

#535240

Tritanopia

#4B4749

Achromatopsia

#5A5A5A

CSS Usage

background-color: #4A6331;
color: #4A6331;
border-color: #4A6331;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE7CF
300
#C2D6AD
400
#A1C181
500
#80AB54
600
#668844
700
#526D36
800
#40552A
900
#303F22
950
#1F2815

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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