#228243

#228243

Color Values

HEX

#228243

RGB

34, 130, 67

HSL

140.6, 58.5%, 32.2%

HSV

140.6, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 48.5%, 49.0%

OKLCH

0.5366 0.1303 150.4

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#228243

#822261

Analogous

#318222

#228273

#228243

Triadic

#228243

#432282

#824322

Split Complementary

#228243

#732282

#822231

Tetradic

#228243

#223182

#822261

#827322

Color Blindness Simulation

Original

#228243

Protanopia

#4C4C52

Deuteranopia

#463F56

Tritanopia

#275E61

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E4F6EA
200
#C6F0D5
300
#9EE6B7
400
#69D88F
500
#35CA68
600
#2AA253
700
#228143
800
#1A6534
900
#174A28
950
#0E2F1A

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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