#224823

#224823

Color Values

HEX

#224823

RGB

34, 72, 35

HSL

121.6, 35.8%, 20.8%

HSV

121.6, 52.8%, 28.2%

CMYK

52.8%, 0.0%, 51.4%, 71.8%

OKLCH

0.363 0.0756 144.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224823

#482247

Analogous

#344822

#224836

#224823

Triadic

#224823

#232248

#482322

Split Complementary

#224823

#362248

#482234

Tetradic

#224823

#223448

#482247

#483622

Color Blindness Simulation

Original

#224823

Protanopia

#32332C

Deuteranopia

#302D2E

Tritanopia

#243335

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CF
300
#ACD8AD
400
#7FC281
500
#52AD54
600
#418B43
700
#346F36
800
#29572A
900
#214022
950
#152815

Contrast Checker

Text on white

10.4:1

AA Pass AAA Pass

Text on black

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