#17688C

#17688C

Color Values

HEX

#17688C

RGB

23, 104, 140

HSL

198.5, 71.8%, 32.0%

HSV

198.5, 83.6%, 54.9%

CMYK

83.6%, 25.7%, 0.0%, 45.1%

OKLCH

0.4883 0.093 233.3

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#17688C

#8C3B17

Analogous

#178C76

#172D8C

#17688C

Triadic

#17688C

#8C1768

#688C17

Split Complementary

#17688C

#8C172D

#8C7617

Tetradic

#17688C

#76178C

#8C3B17

#2D8C17

Color Blindness Simulation

Original

#17688C

Protanopia

#3A3B83

Deuteranopia

#352F81

Tritanopia

#1B7C7B

Achromatopsia

#595959

CSS Usage

background-color: #17688C;
color: #17688C;
border-color: #17688C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C2E5F5
300
#96D3EE
400
#5DBBE4
500
#24A3DB
600
#1D82AF
700
#17688C
800
#12516E
900
#113C50
950
#0B2632

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026