#16698E

#16698E

Color Values

HEX

#16698E

RGB

22, 105, 142

HSL

198.5, 73.2%, 32.2%

HSV

198.5, 84.5%, 55.7%

CMYK

84.5%, 26.1%, 0.0%, 44.3%

OKLCH

0.4917 0.0947 233.7

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#16698E

#8E3B16

Analogous

#168E77

#162D8E

#16698E

Triadic

#16698E

#8E1669

#698E16

Split Complementary

#16698E

#8E162D

#8E7716

Tetradic

#16698E

#77168E

#8E3B16

#2D8E16

Color Blindness Simulation

Original

#16698E

Protanopia

#3A3B85

Deuteranopia

#352F83

Tritanopia

#1A7E7C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C1E5F5
300
#95D3EF
400
#5CBBE6
500
#22A3DD
600
#1B83B1
700
#16688D
800
#11526E
900
#113D50
950
#0A2633

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

3.45:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026