#225324

#225324

Color Values

HEX

#225324

RGB

34, 83, 36

HSL

122.4, 41.9%, 22.9%

HSV

122.4, 59.0%, 32.5%

CMYK

59.0%, 0.0%, 56.6%, 67.5%

OKLCH

0.3959 0.0925 144.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#225324

#532251

Analogous

#385322

#22533C

#225324

Triadic

#225324

#242253

#532422

Split Complementary

#225324

#3C2253

#532238

Tetradic

#225324

#223853

#532251

#533C22

Color Blindness Simulation

Original

#225324

Protanopia

#37382F

Deuteranopia

#343132

Tritanopia

#24383A

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEACE
300
#A8DBAA
400
#79C87C
500
#4AB54E
600
#3B913F
700
#2F7432
800
#255A27
900
#1E4320
950
#132A14

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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