#229977

#229977

Color Values

HEX

#229977

RGB

34, 153, 119

HSL

162.9, 63.6%, 36.7%

HSV

162.9, 77.8%, 60.0%

CMYK

77.8%, 0.0%, 22.2%, 40.0%

OKLCH

0.6111 0.1139 168.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#229977

#992244

Analogous

#22993C

#228099

#229977

Triadic

#229977

#772299

#997722

Split Complementary

#229977

#992280

#993C22

Tetradic

#229977

#3C2299

#992244

#809922

Color Blindness Simulation

Original

#229977

Protanopia

#56577F

Deuteranopia

#4F4681

Tritanopia

#288687

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E5
300
#9BE9D3
400
#65DDBA
500
#2ED1A2
600
#25A782
700
#1E8568
800
#176851
900
#154C3C
950
#0D3026

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026