#166A58

#166A58

Color Values

HEX

#166A58

RGB

22, 106, 88

HSL

167.1, 65.6%, 25.1%

HSV

167.1, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 17.0%, 58.4%

OKLCH

0.4714 0.0821 174.4

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166A58

#6A1628

Analogous

#166A2E

#16526A

#166A58

Triadic

#166A58

#58166A

#6A5816

Split Complementary

#166A58

#6A1652

#6A2E16

Tetradic

#166A58

#2E166A

#6A1628

#526A16

Color Blindness Simulation

Original

#166A58

Protanopia

#3A3B5C

Deuteranopia

#362F5D

Tritanopia

#1A6061

Achromatopsia

#575757

CSS Usage

background-color: #166A58;
color: #166A58;
border-color: #166A58;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F3FCFA
100
#E3F7F3
200
#C4F3E9
300
#9AEAD9
400
#63DFC4
500
#2CD3AF
600
#23A98C
700
#1C8770
800
#166A58
900
#144D41
950
#0D3129

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026