#166D20

#166D20

Color Values

HEX

#166D20

RGB

22, 109, 32

HSL

126.9, 66.4%, 25.7%

HSV

126.9, 79.8%, 42.7%

CMYK

79.8%, 0.0%, 70.6%, 57.3%

OKLCH

0.4686 0.1374 144.4

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#166D20

#6D1663

Analogous

#386D16

#166D4C

#166D20

Triadic

#166D20

#20166D

#6D2016

Split Complementary

#166D20

#4C166D

#6D1638

Tetradic

#166D20

#16386D

#6D1663

#6D4C16

Color Blindness Simulation

Original

#166D20

Protanopia

#3C3C33

Deuteranopia

#373037

Tritanopia

#1A4145

Achromatopsia

#555555

CSS Usage

background-color: #166D20;
color: #166D20;
border-color: #166D20;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F3C9
300
#99EAA3
400
#62DF70
500
#2BD43E
600
#22AA32
700
#1B8828
800
#156A1F
900
#134D1A
950
#0C3111

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail 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