#225D2F

#225D2F

Color Values

HEX

#225D2F

RGB

34, 93, 47

HSL

133.2, 46.5%, 24.9%

HSV

133.2, 63.4%, 36.5%

CMYK

63.4%, 0.0%, 49.5%, 63.5%

OKLCH

0.4272 0.0965 148.2

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#225D2F

#5D2250

Analogous

#335D22

#225D4C

#225D2F

Triadic

#225D2F

#2F225D

#5D2F22

Split Complementary

#225D2F

#4C225D

#5D2233

Tetradic

#225D2F

#22335D

#5D2250

#5D4C22

Color Blindness Simulation

Original

#225D2F

Protanopia

#3C3C3A

Deuteranopia

#38343D

Tritanopia

#254345

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4E9
200
#CBECD2
300
#A5DEB2
400
#75CD88
500
#44BB5E
600
#37954B
700
#2C783C
800
#225D2F
900
#1C4525
950
#122B17

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

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