#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026