#166A47

#166A47

Color Values

HEX

#166A47

RGB

22, 106, 71

HSL

155.0, 65.6%, 25.1%

HSV

155.0, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 33.0%, 58.4%

OKLCH

0.4666 0.0964 160.3

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#166A47

#6A1639

Analogous

#166A1D

#16636A

#166A47

Triadic

#166A47

#47166A

#6A4716

Split Complementary

#166A47

#6A1663

#6A1D16

Tetradic

#166A47

#1D166A

#6A1639

#636A16

Color Blindness Simulation

Original

#166A47

Protanopia

#3A3B4F

Deuteranopia

#362F52

Tritanopia

#1A5658

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3DF
300
#9AEAC8
400
#63DFAB
500
#2CD38D
600
#23A971
700
#1C875B
800
#166A47
900
#144D35
950
#0D3122

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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