#106C73

#106C73

Color Values

HEX

#106C73

RGB

16, 108, 115

HSL

184.2, 75.6%, 25.7%

HSV

184.2, 86.1%, 45.1%

CMYK

86.1%, 6.1%, 0.0%, 54.9%

OKLCH

0.4858 0.0787 203.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#106C73

#731710

Analogous

#107348

#103B73

#106C73

Triadic

#106C73

#73106C

#6C7310

Split Complementary

#106C73

#73103B

#734810

Tetradic

#106C73

#481073

#731710

#3B7310

Color Blindness Simulation

Original

#106C73

Protanopia

#383971

Deuteranopia

#322C71

Tritanopia

#157070

Achromatopsia

#595959

CSS Usage

background-color: #106C73;
color: #106C73;
border-color: #106C73;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F6
300
#94EAF0
400
#59DEE8
500
#1FD2E0
600
#19A8B3
700
#14878F
800
#106970
900
#0F4D51
950
#0A3133

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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