#166867

#166867

Color Values

HEX

#166867

RGB

22, 104, 103

HSL

179.3, 65.1%, 24.7%

HSV

179.3, 78.8%, 40.8%

CMYK

78.8%, 0.0%, 1.0%, 59.2%

OKLCH

0.4712 0.074 193.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166867

#681617

Analogous

#16683E

#164068

#166867

Triadic

#166867

#671668

#686716

Split Complementary

#166867

#681640

#683E16

Tetradic

#166867

#3E1668

#681617

#406816

Color Blindness Simulation

Original

#166867

Protanopia

#3A3A67

Deuteranopia

#352F67

Tritanopia

#1A6767

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C4F3F2
300
#9AEAE9
400
#63DEDD
500
#2CD3D1
600
#24A8A7
700
#1C8785
800
#166968
900
#144D4C
950
#0D3130

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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