#168982

#168982

Color Values

HEX

#168982

RGB

22, 137, 130

HSL

176.3, 72.3%, 31.2%

HSV

176.3, 83.9%, 53.7%

CMYK

83.9%, 0.0%, 5.1%, 46.3%

OKLCH

0.5701 0.0945 188.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#168982

#89161D

Analogous

#168948

#165789

#168982

Triadic

#168982

#821689

#898216

Split Complementary

#168982

#891657

#894816

Tetradic

#168982

#481689

#89161D

#578916

Color Blindness Simulation

Original

#168982

Protanopia

#484984

Deuteranopia

#413884

Tritanopia

#1C8585

Achromatopsia

#707070

CSS Usage

background-color: #168982;
color: #168982;
border-color: #168982;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E2F8F7
200
#C1F5F2
300
#96EEE9
400
#5CE5DC
500
#23DCD0
600
#1CB0A7
700
#178D85
800
#126E68
900
#11504C
950
#0B3330

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass 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