#225F1F

#225F1F

Color Values

HEX

#225F1F

RGB

34, 95, 31

HSL

117.2, 50.8%, 24.7%

HSV

117.2, 67.4%, 37.3%

CMYK

64.2%, 0.0%, 67.4%, 62.7%

OKLCH

0.4306 0.1151 142.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#225F1F

#5C1F5F

Analogous

#425F1F

#1F5F3C

#225F1F

Triadic

#225F1F

#1F225F

#5F1F22

Split Complementary

#225F1F

#3C1F5F

#5F1F42

Tetradic

#225F1F

#1F425F

#5C1F5F

#5F3C1F

Color Blindness Simulation

Original

#225F1F

Protanopia

#3C3D2E

Deuteranopia

#393432

Tritanopia

#253B3D

Achromatopsia

#4D4D4D

CSS Usage

background-color: #225F1F;
color: #225F1F;
border-color: #225F1F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CBEDC9
300
#A6E1A3
400
#75D171
500
#45C03F
600
#379A32
700
#2C7B28
800
#22601F
900
#1C471A
950
#122D11

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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