#166147

#166147

Color Values

HEX

#166147

RGB

22, 97, 71

HSL

159.2, 63.0%, 23.3%

HSV

159.2, 77.3%, 38.0%

CMYK

77.3%, 0.0%, 26.8%, 62.0%

OKLCH

0.4407 0.0836 165.0

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#166147

#611630

Analogous

#166121

#165561

#166147

Triadic

#166147

#471661

#614716

Split Complementary

#166147

#611655

#612116

Tetradic

#166147

#211661

#611630

#556116

Color Blindness Simulation

Original

#166147

Protanopia

#36374D

Deuteranopia

#322C4F

Tritanopia

#1A5253

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F0
200
#C5F2E2
300
#9BE8CE
400
#65DCB3
500
#2FD098
600
#26A67A
700
#1E8561
800
#18684C
900
#154C39
950
#0D3024

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

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