#226227

#226227

Color Values

HEX

#226227

RGB

34, 98, 39

HSL

124.7, 48.5%, 25.9%

HSV

124.7, 65.3%, 38.4%

CMYK

65.3%, 0.0%, 60.2%, 61.6%

OKLCH

0.4405 0.1121 144.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#226227

#62225D

Analogous

#3D6222

#226247

#226227

Triadic

#226227

#272262

#622722

Split Complementary

#226227

#472262

#62223D

Tetradic

#226227

#223D62

#62225D

#624722

Color Blindness Simulation

Original

#226227

Protanopia

#3E3E35

Deuteranopia

#3A3539

Tritanopia

#254143

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#CAEDCD
300
#A4DFA9
400
#73CE7A
500
#42BD4B
600
#35973C
700
#2A7930
800
#215F26
900
#1B461F
950
#112C13

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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