#178DB5

#178DB5

Color Values

HEX

#178DB5

RGB

23, 141, 181

HSL

195.2, 77.5%, 40.0%

HSV

195.2, 87.3%, 71.0%

CMYK

87.3%, 22.1%, 0.0%, 29.0%

OKLCH

0.6019 0.1121 227.8

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#178DB5

#B53F17

Analogous

#17B58E

#173EB5

#178DB5

Triadic

#178DB5

#B5178D

#8DB517

Split Complementary

#178DB5

#B5173E

#B58E17

Tetradic

#178DB5

#8E17B5

#B53F17

#3EB517

Color Blindness Simulation

Original

#178DB5

Protanopia

#4A4BAB

Deuteranopia

#433AA9

Tritanopia

#1DA4A2

Achromatopsia

#777777

CSS Usage

background-color: #178DB5;
color: #178DB5;
border-color: #178DB5;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FAFC
100
#E1F3F9
200
#C0E9F7
300
#92D9F1
400
#58C5EA
500
#1DB0E2
600
#178DB5
700
#127191
800
#0E5871
900
#0F4152
950
#092934

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass 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