#175F66

#175F66

Color Values

HEX

#175F66

RGB

23, 95, 102

HSL

185.3, 63.2%, 24.5%

HSV

185.3, 77.5%, 40.0%

CMYK

77.5%, 6.9%, 0.0%, 60.0%

OKLCH

0.4463 0.0683 204.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#175F66

#661E17

Analogous

#176645

#173766

#175F66

Triadic

#175F66

#66175F

#5F6617

Split Complementary

#175F66

#661737

#664517

Tetradic

#175F66

#451766

#661E17

#376617

Color Blindness Simulation

Original

#175F66

Protanopia

#363764

Deuteranopia

#322D64

Tritanopia

#1B6363

Achromatopsia

#505050

CSS Usage

background-color: #175F66;
color: #175F66;
border-color: #175F66;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFB
100
#E4F5F7
200
#C5EEF2
300
#9BE2E8
400
#65D2DC
500
#2FC2D0
600
#269BA6
700
#1E7C85
800
#176168
900
#15474C
950
#0D2D30

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

2.87: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