#227906

#227906

Color Values

HEX

#227906

RGB

34, 121, 6

HSL

105.4, 90.6%, 24.9%

HSV

105.4, 95.0%, 47.5%

CMYK

71.9%, 0.0%, 95.0%, 52.5%

OKLCH

0.5049 0.1606 140.3

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#227906

#5D0679

Analogous

#5B7906

#067923

#227906

Triadic

#227906

#062279

#790622

Split Complementary

#227906

#230679

#79065B

Tetradic

#227906

#065B79

#5D0679

#792306

Color Blindness Simulation

Original

#227906

Protanopia

#484822

Deuteranopia

#433C28

Tritanopia

#26383D

Achromatopsia

#5E5E5E

CSS Usage

background-color: #227906;
color: #227906;
border-color: #227906;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F4FDF1
100
#E6FBDF
200
#CBFCBB
300
#A5F98A
400
#75F64B
500
#44F30C
600
#37C20A
700
#2C9C08
800
#227A06
900
#1C5809
950
#123806

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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