#229F55

#229F55

Color Values

HEX

#229F55

RGB

34, 159, 85

HSL

144.5, 64.8%, 37.8%

HSV

144.5, 78.6%, 62.4%

CMYK

78.6%, 0.0%, 46.5%, 37.6%

OKLCH

0.6197 0.1522 151.8

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#229F55

#9F226C

Analogous

#2D9F22

#229F93

#229F55

Triadic

#229F55

#55229F

#9F5522

Split Complementary

#229F55

#93229F

#9F222D

Tetradic

#229F55

#222D9F

#9F226C

#9F9322

Color Blindness Simulation

Original

#229F55

Protanopia

#585967

Deuteranopia

#51486B

Tritanopia

#287578

Achromatopsia

#7F7F7F

CSS Usage

background-color: #229F55;
color: #229F55;
border-color: #229F55;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF7
100
#E3F7EB
200
#C4F2D7
300
#9AE9BB
400
#64DE95
500
#2DD270
600
#24A85A
700
#1D8648
800
#166938
900
#144D2B
950
#0D301B

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass 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