#166D12

#166D12

Color Values

HEX

#166D12

RGB

22, 109, 18

HSL

117.4, 71.7%, 24.9%

HSV

117.4, 83.5%, 42.7%

CMYK

79.8%, 0.0%, 83.5%, 57.3%

OKLCH

0.4674 0.1463 142.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#166D12

#69126D

Analogous

#436D12

#126D3C

#166D12

Triadic

#166D12

#12166D

#6D1216

Split Complementary

#166D12

#3C126D

#6D1243

Tetradic

#166D12

#12436D

#69126D

#6D3C12

Color Blindness Simulation

Original

#166D12

Protanopia

#3C3C28

Deuteranopia

#37302D

Tritanopia

#1A393D

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C4F5C2
300
#9AEE96
400
#63E45D
500
#2CDB24
600
#23AF1D
700
#1C8C17
800
#166D12
900
#145011
950
#0D320B

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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