#334D22

#334D22

Color Values

HEX

#334D22

RGB

51, 77, 34

HSL

96.3, 38.7%, 21.8%

HSV

96.3, 55.8%, 30.2%

CMYK

33.8%, 0.0%, 55.8%, 69.8%

OKLCH

0.3878 0.0744 134.4

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#334D22

#3C224D

Analogous

#494D22

#224D27

#334D22

Triadic

#334D22

#22334D

#4D2233

Split Complementary

#334D22

#27224D

#4D2249

Tetradic

#334D22

#22494D

#3C224D

#4D2722

Color Blindness Simulation

Original

#334D22

Protanopia

#3E3E2C

Deuteranopia

#3D3B2F

Tritanopia

#343536

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CD
300
#BDD9AA
400
#99C57C
500
#75B14E
600
#5E8D3F
700
#4B7132
800
#3B5827
900
#2D4120
950
#1C2914

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

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