#166365

#166365

Color Values

HEX

#166365

RGB

22, 99, 101

HSL

181.5, 64.2%, 24.1%

HSV

181.5, 78.2%, 39.6%

CMYK

78.2%, 2.0%, 0.0%, 60.4%

OKLCH

0.4566 0.0707 197.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#166365

#651816

Analogous

#16653F

#163B65

#166365

Triadic

#166365

#651663

#636516

Split Complementary

#166365

#65163B

#653F16

Tetradic

#166365

#3F1665

#651816

#3B6516

Color Blindness Simulation

Original

#166365

Protanopia

#373865

Deuteranopia

#332D64

Tritanopia

#1A6464

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F2
300
#9BE7E9
400
#64DADD
500
#2ECDD1
600
#25A4A7
700
#1D8386
800
#176769
900
#144B4C
950
#0D2F30

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01: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