#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