#166965

#166965

Color Values

HEX

#166965

RGB

22, 105, 101

HSL

177.1, 65.4%, 24.9%

HSV

177.1, 79.0%, 41.2%

CMYK

79.0%, 0.0%, 3.8%, 58.8%

OKLCH

0.4731 0.0751 190.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166965

#69161A

Analogous

#16693B

#164469

#166965

Triadic

#166965

#651669

#696516

Split Complementary

#166965

#691644

#693B16

Tetradic

#166965

#3B1669

#69161A

#446916

Color Blindness Simulation

Original

#166965

Protanopia

#3A3B66

Deuteranopia

#352F66

Tritanopia

#1A6767

Achromatopsia

#575757

CSS Usage

background-color: #166965;
color: #166965;
border-color: #166965;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F0
300
#9AEAE6
400
#63DED8
500
#2CD3CB
600
#23A9A2
700
#1C8782
800
#166965
900
#144D4A
950
#0D312F

Contrast Checker

Text on white

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