#017674

#017674

Color Values

HEX

#017674

RGB

1, 118, 116

HSL

179.0, 98.3%, 23.3%

HSV

179.0, 99.2%, 46.3%

CMYK

99.2%, 0.0%, 1.7%, 53.7%

OKLCH

0.5116 0.0875 192.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#017674

#760103

Analogous

#017639

#013D76

#017674

Triadic

#017674

#740176

#767401

Split Complementary

#017674

#76013D

#763901

Tetradic

#017674

#390176

#760103

#3D7601

Color Blindness Simulation

Original

#017674

Protanopia

#343574

Deuteranopia

#2D2475

Tritanopia

#077575

Achromatopsia

#5D5D5D

CSS Usage

background-color: #017674;
color: #017674;
border-color: #017674;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FEFD
300
#86FEFC
400
#44FDFA
500
#02FDF9
600
#02CAC7
700
#01A29F
800
#017E7C
900
#065B5A
950
#043A39

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026