#224729

#224729

Color Values

HEX

#224729

RGB

34, 71, 41

HSL

131.4, 35.2%, 20.6%

HSV

131.4, 52.1%, 27.8%

CMYK

52.1%, 0.0%, 42.3%, 72.2%

OKLCH

0.3613 0.0669 148.4

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#224729

#472240

Analogous

#2E4722

#22473C

#224729

Triadic

#224729

#292247

#472922

Split Complementary

#224729

#3C2247

#47222E

Tetradic

#224729

#222E47

#472240

#473C22

Color Blindness Simulation

Original

#224729

Protanopia

#323230

Deuteranopia

#302D32

Tritanopia

#243637

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE8D4
300
#ACD7B4
400
#7FC28C
500
#53AC64
600
#428A50
700
#356E40
800
#295632
900
#214027
950
#152819

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

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