#168780

#168780

Color Values

HEX

#168780

RGB

22, 135, 128

HSL

176.3, 72.0%, 30.8%

HSV

176.3, 83.7%, 52.9%

CMYK

83.7%, 0.0%, 5.2%, 47.1%

OKLCH

0.5641 0.0934 188.2

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#168780

#87161D

Analogous

#168748

#165687

#168780

Triadic

#168780

#801687

#878016

Split Complementary

#168780

#871656

#874816

Tetradic

#168780

#481687

#87161D

#568716

Color Blindness Simulation

Original

#168780

Protanopia

#474882

Deuteranopia

#403882

Tritanopia

#1C8383

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F7
200
#C2F5F2
300
#96EEE8
400
#5DE5DC
500
#24DBD0
600
#1DAFA6
700
#178C85
800
#126E68
900
#11504C
950
#0B3230

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026