#166A40

#166A40

Color Values

HEX

#166A40

RGB

22, 106, 64

HSL

150.0, 65.6%, 25.1%

HSV

150.0, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 39.6%, 58.4%

OKLCH

0.465 0.1033 156.0

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#166A40

#6A1640

Analogous

#166A16

#166A6A

#166A40

Triadic

#166A40

#40166A

#6A4016

Split Complementary

#166A40

#6A166A

#6A1616

Tetradic

#166A40

#16166A

#6A1640

#6A6A16

Color Blindness Simulation

Original

#166A40

Protanopia

#3A3B4A

Deuteranopia

#362F4D

Tritanopia

#1A5254

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#9AEAC2
400
#63DFA1
500
#2CD380
600
#23A966
700
#1C8752
800
#166A40
900
#144D30
950
#0D311F

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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