#17BABC

#17BABC

Color Values

HEX

#17BABC

RGB

23, 186, 188

HSL

180.7, 78.2%, 41.4%

HSV

180.7, 87.8%, 73.7%

CMYK

87.8%, 1.1%, 0.0%, 26.3%

OKLCH

0.7165 0.119 196.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#17BABC

#BC1917

Analogous

#17BC6B

#1768BC

#17BABC

Triadic

#17BABC

#BC17BA

#BABC17

Split Complementary

#17BABC

#BC1768

#BC6B17

Tetradic

#17BABC

#6B17BC

#BC1917

#68BC17

Color Blindness Simulation

Original

#17BABC

Protanopia

#5E5FBC

Deuteranopia

#5448BB

Tritanopia

#1FBBBB

Achromatopsia

#979797

CSS Usage

background-color: #17BABC;
color: #17BABC;
border-color: #17BABC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF7F7
300
#92F1F2
400
#57E9EA
500
#1CE1E3
600
#16B4B6
700
#129091
800
#0E7072
900
#0E5253
950
#093434

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026