#167C16

#167C16

Color Values

HEX

#167C16

RGB

22, 124, 22

HSL

120.0, 69.9%, 28.6%

HSV

120.0, 82.3%, 48.6%

CMYK

82.3%, 0.0%, 82.3%, 51.4%

OKLCH

0.5116 0.1614 142.8

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#167C16

#7C167C

Analogous

#497C16

#167C49

#167C16

Triadic

#167C16

#16167C

#7C1616

Split Complementary

#167C16

#49167C

#7C1649

Tetradic

#167C16

#16497C

#7C167C

#7C4916

Color Blindness Simulation

Original

#167C16

Protanopia

#42432F

Deuteranopia

#3C3535

Tritanopia

#1B4246

Achromatopsia

#5F5F5F

CSS Usage

background-color: #167C16;
color: #167C16;
border-color: #167C16;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C2F4C2
300
#97ED97
400
#5FE35F
500
#26D926
600
#1FAD1F
700
#198B19
800
#136C13
900
#124F12
950
#0B320B

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93: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