#166362

#166362

Color Values

HEX

#166362

RGB

22, 99, 98

HSL

179.2, 63.6%, 23.7%

HSV

179.2, 77.8%, 38.8%

CMYK

77.8%, 0.0%, 1.0%, 61.2%

OKLCH

0.4554 0.0709 193.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166362

#631617

Analogous

#16633B

#163D63

#166362

Triadic

#166362

#621663

#636216

Split Complementary

#166362

#63163D

#633B16

Tetradic

#166362

#3B1663

#631617

#3D6316

Color Blindness Simulation

Original

#166362

Protanopia

#373862

Deuteranopia

#332D62

Tritanopia

#1A6262

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F7
200
#C5F2F1
300
#9BE9E8
400
#65DDDB
500
#2ED1CE
600
#25A7A5
700
#1E8584
800
#176867
900
#154C4B
950
#0D3030

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

3.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026