#1C9EB0

#1C9EB0

Color Values

HEX

#1C9EB0

RGB

28, 158, 176

HSL

187.3, 72.5%, 40.0%

HSV

187.3, 84.1%, 69.0%

CMYK

84.1%, 10.2%, 0.0%, 31.0%

OKLCH

0.6426 0.1058 209.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1C9EB0

#B02E1C

Analogous

#1CB078

#1C54B0

#1C9EB0

Triadic

#1C9EB0

#B01C9E

#9EB01C

Split Complementary

#1C9EB0

#B01C54

#B0781C

Tetradic

#1C9EB0

#781CB0

#B02E1C

#54B01C

Color Blindness Simulation

Original

#1C9EB0

Protanopia

#5455AC

Deuteranopia

#4D43AB

Tritanopia

#22A8A7

Achromatopsia

#848484

CSS Usage

background-color: #1C9EB0;
color: #1C9EB0;
border-color: #1C9EB0;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C1EFF5
300
#95E3EE
400
#5CD4E5
500
#23C5DC
600
#1C9EB0
700
#167E8D
800
#12636E
900
#114850
950
#0B2E33

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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