#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026