#166311

#166311

Color Values

HEX

#166311

RGB

22, 99, 17

HSL

116,3, 70,7%, 22,7%

HSV

116,3, 82,8%, 38,8%

CMYK

77,8%, 0,0%, 82,8%, 61,2%

OKLCH

0,4375 0,1349 142,2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#166311

#5E1163

Analogous

#3F6311

#116335

#166311

Triadic

#166311

#111663

#631116

Split Complementary

#166311

#351163

#63113F

Tetradic

#166311

#113F63

#5E1163

#633511

Color Blindness Simulation

Original

#166311

Protanopia

#373825

Deuteranopia

#332D2A

Tritanopia

#1A3538

Achromatopsia

#4D4D4D

CSS Usage

background-color: #166311;
color: #166311;
border-color: #166311;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F3FCF3
100
#E4F8E2
200
#C5F5C2
300
#9CED97
400
#66E35E
500
#30DA25
600
#27AE1E
700
#1F8B18
800
#186D13
900
#154F12
950
#0E320B

Contrast Checker

Text on white

7,43:1

AA Pass AAA Pass

Text on black

2,83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026