#224623

#224623

Color Values

HEX

#224623

RGB

34, 70, 35

HSL

121.7, 34.6%, 20.4%

HSV

121.7, 51.4%, 27.5%

CMYK

51.4%, 0.0%, 50.0%, 72.5%

OKLCH

0.3571 0.0721 144.4

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224623

#462245

Analogous

#334622

#224635

#224623

Triadic

#224623

#232246

#462322

Split Complementary

#224623

#352246

#462233

Tetradic

#224623

#223346

#462245

#463522

Color Blindness Simulation

Original

#224623

Protanopia

#32322B

Deuteranopia

#302D2E

Tritanopia

#243234

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8D0
300
#ADD7AE
400
#80C182
500
#53AC56
600
#438945
700
#356E37
800
#2A562B
900
#214022
950
#152816

Contrast Checker

Text on white

10.67:1

AA Pass AAA Pass

Text on black

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