#3A5331

#3A5331

Color Values

HEX

#3A5331

RGB

58, 83, 49

HSL

104.1, 25.8%, 25.9%

HSV

104.1, 41.0%, 32.5%

CMYK

30.1%, 0.0%, 41.0%, 67.5%

OKLCH

0.4122 0.0624 137.7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3A5331

#4A3153

Analogous

#4B5331

#315339

#3A5331

Triadic

#3A5331

#313A53

#53313A

Split Complementary

#3A5331

#393153

#53314B

Tetradic

#3A5331

#314B53

#4A3153

#533931

Color Blindness Simulation

Original

#3A5331

Protanopia

#454539

Deuteranopia

#43423B

Tritanopia

#3B4041

Achromatopsia

#4B4B4B

CSS Usage

background-color: #3A5331;
color: #3A5331;
border-color: #3A5331;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F7F9F6
100
#EBF1E9
200
#D7E5D2
300
#BAD2B2
400
#95B988
500
#70A05F
600
#5A804C
700
#48673D
800
#38502F
900
#2B3C25
950
#1B2617

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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