#228237

#228237

Color Values

HEX

#228237

RGB

34, 130, 55

HSL

133.1, 58.5%, 32.2%

HSV

133.1, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 57.7%, 49.0%

OKLCH

0.5347 0.1416 146.9

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#228237

#82226D

Analogous

#3D8222

#228267

#228237

Triadic

#228237

#372282

#823722

Split Complementary

#228237

#672282

#82223D

Tetradic

#228237

#223D82

#82226D

#826722

Color Blindness Simulation

Original

#228237

Protanopia

#4C4C49

Deuteranopia

#463F4E

Tritanopia

#27575B

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E8
200
#C6F0D0
300
#9EE6AE
400
#69D882
500
#35CA55
600
#2AA244
700
#228137
800
#1A652B
900
#174A22
950
#0E2F16

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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