#229978

#229978

Color Values

HEX

#229978

RGB

34, 153, 120

HSL

163.4, 63.6%, 36.7%

HSV

163.4, 77.8%, 60.0%

CMYK

77.8%, 0.0%, 21.6%, 40.0%

OKLCH

0.6114 0.1132 169.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#229978

#992243

Analogous

#22993D

#227F99

#229978

Triadic

#229978

#782299

#997822

Split Complementary

#229978

#99227F

#993D22

Tetradic

#229978

#3D2299

#992243

#7F9922

Color Blindness Simulation

Original

#229978

Protanopia

#565780

Deuteranopia

#4F4682

Tritanopia

#288688

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E5
300
#9BE9D3
400
#65DDBB
500
#2ED1A4
600
#25A783
700
#1E8569
800
#176852
900
#154C3D
950
#0D3026

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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