#224922

#224922

Color Values

HEX

#224922

RGB

34, 73, 34

HSL

120.0, 36.4%, 21.0%

HSV

120.0, 53.4%, 28.6%

CMYK

53.4%, 0.0%, 53.4%, 71.4%

OKLCH

0.3658 0.0784 143.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224922

#492249

Analogous

#364922

#224936

#224922

Triadic

#224922

#222249

#492222

Split Complementary

#224922

#362249

#492236

Tetradic

#224922

#223649

#492249

#493622

Color Blindness Simulation

Original

#224922

Protanopia

#33332B

Deuteranopia

#312E2E

Tritanopia

#243335

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CE
300
#ACD8AC
400
#7EC37E
500
#51AE51
600
#418B41
700
#346F34
800
#295729
900
#214021
950
#152915

Contrast Checker

Text on white

10.27:1

AA Pass AAA Pass

Text on black

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