#016A70

#016A70

Color Values

HEX

#016A70

RGB

1, 106, 112

HSL

183.2, 98.2%, 22.2%

HSV

183.2, 99.1%, 43.9%

CMYK

99.1%, 5.4%, 0.0%, 56.1%

OKLCH

0.4773 0.0809 201.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#016A70

#700701

Analogous

#01703F

#013370

#016A70

Triadic

#016A70

#70016A

#6A7001

Split Complementary

#016A70

#700133

#703F01

Tetradic

#016A70

#3F0170

#700701

#337001

Color Blindness Simulation

Original

#016A70

Protanopia

#2E2F6F

Deuteranopia

#28206E

Tritanopia

#066D6D

Achromatopsia

#545454

CSS Usage

background-color: #016A70;
color: #016A70;
border-color: #016A70;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8FBFE
300
#86F7FE
400
#44F3FD
500
#02EFFD
600
#02BFCA
700
#0199A2
800
#01787E
900
#06575B
950
#04373A

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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