#22A166

#22A166

Color Values

HEX

#22A166

RGB

34, 161, 102

HSL

152.1, 65.1%, 38.2%

HSV

152.1, 78.9%, 63.1%

CMYK

78.9%, 0.0%, 36.6%, 36.9%

OKLCH

0.6284 0.1389 157.2

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#22A166

#A1225D

Analogous

#22A126

#229CA1

#22A166

Triadic

#22A166

#6622A1

#A16622

Split Complementary

#22A166

#A1229C

#A12622

Tetradic

#22A166

#2622A1

#A1225D

#9CA122

Color Blindness Simulation

Original

#22A166

Protanopia

#595A74

Deuteranopia

#524878

Tritanopia

#288082

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F3DD
300
#9AEAC5
400
#63DEA5
500
#2CD385
600
#24A86B
700
#1C8755
800
#166943
900
#144D32
950
#0D3120

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026