#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