#166E18

#166E18

Color Values

HEX

#166E18

RGB

22, 110, 24

HSL

121.4, 66.7%, 25.9%

HSV

121.4, 80.0%, 43.1%

CMYK

80.0%, 0.0%, 78.2%, 56.9%

OKLCH

0.4708 0.1441 143.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#166E18

#6E166C

Analogous

#406E16

#166E44

#166E18

Triadic

#166E18

#18166E

#6E1816

Split Complementary

#166E18

#44166E

#6E1640

Tetradic

#166E18

#16406E

#6E166C

#6E4416

Color Blindness Simulation

Original

#166E18

Protanopia

#3C3D2D

Deuteranopia

#373032

Tritanopia

#1A3D41

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F7E4
200
#C3F3C5
300
#99EB9B
400
#62E065
500
#2AD52E
600
#22AA25
700
#1B881E
800
#156A17
900
#134E15
950
#0C310D

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026