#16708E

#16708E

Color Values

HEX

#16708E

RGB

22, 112, 142

HSL

195.0, 73.2%, 32.2%

HSV

195.0, 84.5%, 55.7%

CMYK

84.5%, 21.1%, 0.0%, 44.3%

OKLCH

0.5097 0.0913 226.4

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#16708E

#8E3416

Analogous

#168E70

#16348E

#16708E

Triadic

#16708E

#8E1670

#708E16

Split Complementary

#16708E

#8E1634

#8E7016

Tetradic

#16708E

#70168E

#8E3416

#348E16

Color Blindness Simulation

Original

#16708E

Protanopia

#3D3E87

Deuteranopia

#383185

Tritanopia

#1A8180

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E2F3F8
200
#C1E8F5
300
#95D8EF
400
#5CC3E6
500
#22AEDD
600
#1B8BB1
700
#166F8D
800
#11576E
900
#114050
950
#0A2933

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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