#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

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