#166C49

#166C49

Color Values

HEX

#166C49

RGB

22, 108, 73

HSL

155.6, 66.2%, 25.5%

HSV

155.6, 79.6%, 42.4%

CMYK

79.6%, 0.0%, 32.4%, 57.6%

OKLCH

0.4728 0.0973 160.7

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#166C49

#6C1639

Analogous

#166C1E

#16646C

#166C49

Triadic

#166C49

#49166C

#6C4916

Split Complementary

#166C49

#6C1664

#6C1E16

Tetradic

#166C49

#1E166C

#6C1639

#646C16

Color Blindness Simulation

Original

#166C49

Protanopia

#3B3C51

Deuteranopia

#363054

Tritanopia

#1A585A

Achromatopsia

#575757

CSS Usage

background-color: #166C49;
color: #166C49;
border-color: #166C49;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E0
300
#99EAC9
400
#62DFAC
500
#2BD48F
600
#22AA73
700
#1C885C
800
#166A48
900
#144D36
950
#0C3122

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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