#16717B

#16717B

Color Values

HEX

#16717B

RGB

22, 113, 123

HSL

185.9, 69.7%, 28.4%

HSV

185.9, 82.1%, 48.2%

CMYK

82.1%, 8.1%, 0.0%, 51.8%

OKLCH

0.5036 0.0804 206.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#16717B

#7B2016

Analogous

#167B52

#163E7B

#16717B

Triadic

#16717B

#7B1671

#717B16

Split Complementary

#16717B

#7B163E

#7B5216

Tetradic

#16717B

#52167B

#7B2016

#3E7B16

Color Blindness Simulation

Original

#16717B

Protanopia

#3D3E79

Deuteranopia

#383178

Tritanopia

#1B7776

Achromatopsia

#5E5E5E

CSS Usage

background-color: #16717B;
color: #16717B;
border-color: #16717B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C2EFF4
300
#97E4EC
400
#5FD5E2
500
#27C7D8
600
#1F9FAD
700
#197F8A
800
#13636C
900
#12494F
950
#0B2E32

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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