#224F20

#224F20

Color Values

HEX

#224F20

RGB

34, 79, 32

HSL

117.4, 42.3%, 21.8%

HSV

117.4, 59.5%, 31.0%

CMYK

57.0%, 0.0%, 59.5%, 69.0%

OKLCH

0.3833 0.0903 142.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#224F20

#4D204F

Analogous

#3A4F20

#204F36

#224F20

Triadic

#224F20

#20224F

#4F2022

Split Complementary

#224F20

#36204F

#4F203A

Tetradic

#224F20

#203A4F

#4D204F

#4F3620

Color Blindness Simulation

Original

#224F20

Protanopia

#35362B

Deuteranopia

#33302E

Tritanopia

#243436

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CEEACC
300
#AADCA8
400
#7CC979
500
#4EB54A
600
#3F913B
700
#32742F
800
#275B25
900
#20431E
950
#142A13

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026