#175B96

#175B96

Color Values

HEX

#175B96

RGB

23, 91, 150

HSL

207.9, 73.4%, 33.9%

HSV

207.9, 84.7%, 58.8%

CMYK

84.7%, 39.3%, 0.0%, 41.2%

OKLCH

0.4617 0.116 249.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#175B96

#965217

Analogous

#179691

#171B96

#175B96

Triadic

#175B96

#96175B

#5B9617

Split Complementary

#175B96

#96171B

#969117

Tetradic

#175B96

#911796

#965217

#1B9617

Color Blindness Simulation

Original

#175B96

Protanopia

#343588

Deuteranopia

#302B84

Tritanopia

#1A7C7A

Achromatopsia

#515151

CSS Usage

background-color: #175B96;
color: #175B96;
border-color: #175B96;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DDF6
300
#95C5EF
400
#5BA5E6
500
#2286DD
600
#1B6BB1
700
#16568D
800
#11436F
900
#103350
950
#0A2033

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026