#167C0F

#167C0F

Color Values

HEX

#167C0F

RGB

22, 124, 15

HSL

116.1, 78.4%, 27.3%

HSV

116.1, 87.9%, 48.6%

CMYK

82.3%, 0.0%, 87.9%, 51.4%

OKLCH

0.5113 0.1645 142.2

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#167C0F

#750F7C

Analogous

#4D7C0F

#0F7C3F

#167C0F

Triadic

#167C0F

#0F167C

#7C0F16

Split Complementary

#167C0F

#3F0F7C

#7C0F4D

Tetradic

#167C0F

#0F4D7C

#750F7C

#7C3F0F

Color Blindness Simulation

Original

#167C0F

Protanopia

#424329

Deuteranopia

#3C3530

Tritanopia

#1B3E43

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3FCF2
100
#E3F9E1
200
#C3F7BF
300
#98F292
400
#60EB57
500
#29E31C
600
#20B616
700
#1A9212
800
#14720E
900
#13530E
950
#0C3409

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026