#017D8C

#017D8C

Color Values

HEX

#017D8C

RGB

1, 125, 140

HSL

186.5, 98.6%, 27.6%

HSV

186.5, 99.3%, 54.9%

CMYK

99.3%, 10.7%, 0.0%, 45.1%

OKLCH

0.5401 0.093 209.4

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#017D8C

#8C1001

Analogous

#018C55

#01378C

#017D8C

Triadic

#017D8C

#8C017D

#7D8C01

Split Complementary

#017D8C

#8C0137

#8C5501

Tetradic

#017D8C

#55018C

#8C1001

#378C01

Color Blindness Simulation

Original

#017D8C

Protanopia

#373888

Deuteranopia

#302688

Tritanopia

#078685

Achromatopsia

#646464

CSS Usage

background-color: #017D8C;
color: #017D8C;
border-color: #017D8C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B8F7FF
300
#85F1FE
400
#44EAFE
500
#02E2FD
600
#01B5CB
700
#0191A2
800
#01717F
900
#05525B
950
#03343A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026