#225323

#225323

Color Values

HEX

#225323

RGB

34, 83, 35

HSL

121.2, 41.9%, 22.9%

HSV

121.2, 59.0%, 32.5%

CMYK

59.0%, 0.0%, 57.8%, 67.5%

OKLCH

0.3957 0.0935 143.9

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#225323

#532252

Analogous

#395322

#22533B

#225323

Triadic

#225323

#232253

#532322

Split Complementary

#225323

#3B2253

#532239

Tetradic

#225323

#223953

#532252

#533B22

Color Blindness Simulation

Original

#225323

Protanopia

#37382F

Deuteranopia

#343131

Tritanopia

#24383A

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEACD
300
#A8DBA9
400
#79C87B
500
#4AB54C
600
#3B913D
700
#2F7431
800
#255A26
900
#1E431F
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026