#166C1E

#166C1E

Color Values

HEX

#166C1E

RGB

22, 108, 30

HSL

125.6, 66.2%, 25.5%

HSV

125.6, 79.6%, 42.4%

CMYK

79.6%, 0.0%, 72.2%, 57.6%

OKLCH

0.4654 0.1376 144.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#166C1E

#6C1664

Analogous

#396C16

#166C49

#166C1E

Triadic

#166C1E

#1E166C

#6C1E16

Split Complementary

#166C1E

#49166C

#6C1639

Tetradic

#166C1E

#16396C

#6C1664

#6C4916

Color Blindness Simulation

Original

#166C1E

Protanopia

#3B3C31

Deuteranopia

#363035

Tritanopia

#1A4043

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F3C8
300
#99EAA1
400
#62DF6E
500
#2BD43B
600
#22AA2F
700
#1C8826
800
#166A1D
900
#144D19
950
#0C3110

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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