#229561

#229561

Color Values

HEX

#229561

RGB

34, 149, 97

HSL

152.9, 62.8%, 35.9%

HSV

152.9, 77.2%, 58.4%

CMYK

77.2%, 0.0%, 34.9%, 41.6%

OKLCH

0.5949 0.1275 158.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#229561

#952256

Analogous

#229528

#228F95

#229561

Triadic

#229561

#612295

#956122

Split Complementary

#229561

#95228F

#952822

Tetradic

#229561

#282295

#952256

#8F9522

Color Blindness Simulation

Original

#229561

Protanopia

#54556E

Deuteranopia

#4D4471

Tritanopia

#28787A

Achromatopsia

#797979

CSS Usage

background-color: #229561;
color: #229561;
border-color: #229561;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FBF8
100
#E4F7EE
200
#C5F2DD
300
#9BE8C6
400
#65DCA6
500
#2FD087
600
#26A66C
700
#1E8557
800
#186844
900
#154C33
950
#0D3020

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

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