#226027

#226027

Color Values

HEX

#226027

RGB

34, 96, 39

HSL

124.8, 47.7%, 25.5%

HSV

124.8, 64.6%, 37.6%

CMYK

64.6%, 0.0%, 59.4%, 62.4%

OKLCH

0.4346 0.1092 144.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#226027

#60225B

Analogous

#3C6022

#226046

#226027

Triadic

#226027

#272260

#602722

Split Complementary

#226027

#462260

#60223C

Tetradic

#226027

#223C60

#60225B

#604622

Color Blindness Simulation

Original

#226027

Protanopia

#3D3D35

Deuteranopia

#393538

Tritanopia

#254042

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CAECCD
300
#A5DFA9
400
#74CE7B
500
#43BC4C
600
#35973D
700
#2B7931
800
#215E26
900
#1C451F
950
#112C14

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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