#334C20

#334C20

Color Values

HEX

#334C20

RGB

51, 76, 32

HSL

94.1, 40.7%, 21.2%

HSV

94.1, 57.9%, 29.8%

CMYK

32.9%, 0.0%, 57.9%, 70.2%

OKLCH

0.3846 0.075 133.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334C20

#39204C

Analogous

#494C20

#204C23

#334C20

Triadic

#334C20

#20334C

#4C2033

Split Complementary

#334C20

#23204C

#4C2049

Tetradic

#334C20

#20494C

#39204C

#4C2320

Color Blindness Simulation

Original

#334C20

Protanopia

#3E3E2B

Deuteranopia

#3C3A2D

Tritanopia

#343335

Achromatopsia

#444444

CSS Usage

background-color: #334C20;
color: #334C20;
border-color: #334C20;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9EACD
300
#BEDBA9
400
#9BC77A
500
#78B34C
600
#60903C
700
#4D7330
800
#3C5A26
900
#2E421F
950
#1D2A13

Contrast Checker

Text on white

9.57:1

AA Pass AAA Pass

Text on black

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