#166862

#166862

Color Values

HEX

#166862

RGB

22, 104, 98

HSL

175.6, 65.1%, 24.7%

HSV

175.6, 78.8%, 40.8%

CMYK

78.8%, 0.0%, 5.8%, 59.2%

OKLCH

0.4693 0.075 187.5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166862

#68161C

Analogous

#166839

#164568

#166862

Triadic

#166862

#621668

#686216

Split Complementary

#166862

#681645

#683916

Tetradic

#166862

#391668

#68161C

#456816

Color Blindness Simulation

Original

#166862

Protanopia

#3A3A63

Deuteranopia

#352F64

Tritanopia

#1A6565

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3EF
300
#9AEAE4
400
#63DED5
500
#2CD3C6
600
#24A89F
700
#1C877F
800
#166963
900
#144D49
950
#0D312E

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026