#175168

#175168

Color Values

HEX

#175168

RGB

23, 81, 104

HSL

197.0, 63.8%, 24.9%

HSV

197.0, 77.9%, 40.8%

CMYK

77.9%, 22.1%, 0.0%, 59.2%

OKLCH

0.4092 0.0694 228.9

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#175168

#682E17

Analogous

#176856

#172968

#175168

Triadic

#175168

#681751

#516817

Split Complementary

#175168

#681729

#685617

Tetradic

#175168

#561768

#682E17

#296817

Color Blindness Simulation

Original

#175168

Protanopia

#303162

Deuteranopia

#2D2861

Tritanopia

#1A5E5D

Achromatopsia

#464646

CSS Usage

background-color: #175168;
color: #175168;
border-color: #175168;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F3F9FB
100
#E3F1F7
200
#C5E5F2
300
#9BD3E9
400
#64BBDD
500
#2EA3D1
600
#2582A7
700
#1E6886
800
#175168
900
#153D4C
950
#0D2630

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026