#22816F

#22816F

Color Values

HEX

#22816F

RGB

34, 129, 111

HSL

168.6, 58.3%, 32.0%

HSV

168.6, 73.6%, 50.6%

CMYK

73.6%, 0.0%, 14.0%, 49.4%

OKLCH

0.5446 0.0904 177.1

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#22816F

#812234

Analogous

#228140

#226481

#22816F

Triadic

#22816F

#6F2281

#816F22

Split Complementary

#22816F

#812264

#814022

Tetradic

#22816F

#402281

#812234

#648122

Color Blindness Simulation

Original

#22816F

Protanopia

#4B4C73

Deuteranopia

#463E74

Tritanopia

#277778

Achromatopsia

#6C6C6C

CSS Usage

background-color: #22816F;
color: #22816F;
border-color: #22816F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C6F0E8
300
#9EE5D8
400
#6AD8C3
500
#35CAAE
600
#2BA18B
700
#22816F
800
#1B6557
900
#174A40
950
#0F2F29

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026