#166368

#166368

Color Values

HEX

#166368

RGB

22, 99, 104

HSL

183.7, 65.1%, 24.7%

HSV

183.7, 78.8%, 40.8%

CMYK

78.8%, 4.8%, 0.0%, 59.2%

OKLCH

0.4578 0.0709 201.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#166368

#681B16

Analogous

#166844

#163A68

#166368

Triadic

#166368

#681663

#636816

Split Complementary

#166368

#68163A

#684416

Tetradic

#166368

#441668

#681B16

#3A6816

Color Blindness Simulation

Original

#166368

Protanopia

#373867

Deuteranopia

#332D66

Tritanopia

#1A6666

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F0F3
300
#9AE5EA
400
#63D6DE
500
#2CC8D3
600
#24A0A8
700
#1C8087
800
#166469
900
#14494D
950
#0D2E31

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026