#166536

#166536

Color Values

HEX

#166536

RGB

22, 101, 54

HSL

144.3, 64.2%, 24.1%

HSV

144.3, 78.2%, 39.6%

CMYK

78.2%, 0.0%, 46.5%, 60.4%

OKLCH

0.4483 0.1063 152.2

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#166536

#651645

Analogous

#1D6516

#16655D

#166536

Triadic

#166536

#361665

#653616

Split Complementary

#166536

#5D1665

#65161D

Tetradic

#166536

#161D65

#651645

#655D16

Color Blindness Simulation

Original

#166536

Protanopia

#383941

Deuteranopia

#342E44

Tritanopia

#1A4A4C

Achromatopsia

#515151

CSS Usage

background-color: #166536;
color: #166536;
border-color: #166536;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F3FCF7
100
#E3F7EB
200
#C4F2D7
300
#9BE9BA
400
#64DD95
500
#2ED170
600
#25A75A
700
#1D8648
800
#176938
900
#144C2B
950
#0D301B

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

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