#166C15

#166C15

Color Values

HEX

#166C15

RGB

22, 108, 21

HSL

119.3, 67.4%, 25.3%

HSV

119.3, 80.6%, 42.4%

CMYK

79.6%, 0.0%, 80.6%, 57.6%

OKLCH

0.4646 0.1435 142.7

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#166C15

#6B156C

Analogous

#426C15

#156C40

#166C15

Triadic

#166C15

#15166C

#6C1516

Split Complementary

#166C15

#40156C

#6C1542

Tetradic

#166C15

#15426C

#6B156C

#6C4015

Color Blindness Simulation

Original

#166C15

Protanopia

#3B3C2A

Deuteranopia

#36302F

Tritanopia

#1A3B3E

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C4F3C3
300
#9AEB99
400
#63E061
500
#2CD52A
600
#23AB21
700
#1C891B
800
#166B15
900
#144E13
950
#0C310C

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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