#16768E

#16768E

Color Values

HEX

#16768E

RGB

22, 118, 142

HSL

192.0, 73.2%, 32.2%

HSV

192.0, 84.5%, 55.7%

CMYK

84.5%, 16.9%, 0.0%, 44.3%

OKLCH

0.5251 0.0898 219.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#16768E

#8E2E16

Analogous

#168E6A

#163A8E

#16768E

Triadic

#16768E

#8E1676

#768E16

Split Complementary

#16768E

#8E163A

#8E6A16

Tetradic

#16768E

#6A168E

#8E2E16

#3A8E16

Color Blindness Simulation

Original

#16768E

Protanopia

#404088

Deuteranopia

#3A3387

Tritanopia

#1B8483

Achromatopsia

#636363

CSS Usage

background-color: #16768E;
color: #16768E;
border-color: #16768E;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C1EBF5
300
#95DDEF
400
#5CCAE6
500
#22B7DD
600
#1B93B1
700
#16758D
800
#115C6E
900
#114450
950
#0A2B33

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

4.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