#22997C

#22997C

Color Values

HEX

#22997C

RGB

34, 153, 124

HSL

165.4, 63.6%, 36.7%

HSV

165.4, 77.8%, 60.0%

CMYK

77.8%, 0.0%, 19.0%, 40.0%

OKLCH

0.6125 0.1103 171.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#22997C

#99223F

Analogous

#229941

#227B99

#22997C

Triadic

#22997C

#7C2299

#997C22

Split Complementary

#22997C

#99227B

#994122

Tetradic

#22997C

#412299

#99223F

#7B9922

Color Blindness Simulation

Original

#22997C

Protanopia

#565783

Deuteranopia

#4F4685

Tritanopia

#28898A

Achromatopsia

#7E7E7E

CSS Usage

background-color: #22997C;
color: #22997C;
border-color: #22997C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBF9
100
#E4F7F2
200
#C5F2E7
300
#9BE9D6
400
#65DDBF
500
#2ED1A9
600
#25A787
700
#1E856C
800
#176855
900
#154C3F
950
#0D3028

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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