#166E70

#166E70

Color Values

HEX

#166E70

RGB

22, 110, 112

HSL

181.3, 67.2%, 26.3%

HSV

181.3, 80.4%, 43.9%

CMYK

80.4%, 1.8%, 0.0%, 56.1%

OKLCH

0.491 0.0775 197.3

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#166E70

#701816

Analogous

#167045

#164170

#166E70

Triadic

#166E70

#70166E

#6E7016

Split Complementary

#166E70

#701641

#704516

Tetradic

#166E70

#451670

#701816

#417016

Color Blindness Simulation

Original

#166E70

Protanopia

#3C3D70

Deuteranopia

#37306F

Tritanopia

#1A6F6F

Achromatopsia

#5B5B5B

CSS Usage

background-color: #166E70;
color: #166E70;
border-color: #166E70;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F2F3
300
#99E9EB
400
#61DDE0
500
#2AD1D5
600
#21A8AB
700
#1B8688
800
#15696B
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

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