#228329

#228329

Color Values

HEX

#228329

RGB

34, 131, 41

HSL

124.3, 58.8%, 32.4%

HSV

124.3, 74.0%, 51.4%

CMYK

74.0%, 0.0%, 68.7%, 48.6%

OKLCH

0.5358 0.1545 144.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#228329

#83227C

Analogous

#4C8322

#22835A

#228329

Triadic

#228329

#292283

#832922

Split Complementary

#228329

#5A2283

#83224C

Tetradic

#228329

#224C83

#83227C

#835A22

Color Blindness Simulation

Original

#228329

Protanopia

#4C4D3F

Deuteranopia

#463F44

Tritanopia

#275054

Achromatopsia

#686868

CSS Usage

background-color: #228329;
color: #228329;
border-color: #228329;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E4F6E6
200
#C6F0C9
300
#9EE6A3
400
#69D871
500
#35CA3F
600
#2AA233
700
#228228
800
#1A6520
900
#174A1A
950
#0E2F11

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026