#22997D

#22997D

Color Values

HEX

#22997D

RGB

34, 153, 125

HSL

165.9, 63.6%, 36.7%

HSV

165.9, 77.8%, 60.0%

CMYK

77.8%, 0.0%, 18.3%, 40.0%

OKLCH

0.6128 0.1096 172.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#22997D

#99223E

Analogous

#229942

#227A99

#22997D

Triadic

#22997D

#7D2299

#997D22

Split Complementary

#22997D

#99227A

#994222

Tetradic

#22997D

#422299

#99223E

#7A9922

Color Blindness Simulation

Original

#22997D

Protanopia

#565784

Deuteranopia

#4F4685

Tritanopia

#28898A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F7F2
200
#C5F2E7
300
#9BE9D6
400
#65DDC0
500
#2ED1AA
600
#25A788
700
#1E856D
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