#225024

#225024

Color Values

HEX

#225024

RGB

34, 80, 36

HSL

122.6, 40.4%, 22.4%

HSV

122.6, 57.5%, 31.4%

CMYK

57.5%, 0.0%, 55.0%, 68.6%

OKLCH

0.387 0.0877 144.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#225024

#50224E

Analogous

#375022

#22503B

#225024

Triadic

#225024

#242250

#502422

Split Complementary

#225024

#3B2250

#502237

Tetradic

#225024

#223750

#50224E

#503B22

Color Blindness Simulation

Original

#225024

Protanopia

#36362F

Deuteranopia

#333031

Tritanopia

#243739

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEACE
300
#A9DBAB
400
#7BC77E
500
#4CB350
600
#3D8F40
700
#317333
800
#265A28
900
#1F4220
950
#132A14

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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