#106165

#106165

Color Values

HEX

#106165

RGB

16, 97, 101

HSL

182.8, 72.6%, 22.9%

HSV

182.8, 84.2%, 39.6%

CMYK

84.2%, 4.0%, 0.0%, 60.4%

OKLCH

0.4499 0.0718 200.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#106165

#651410

Analogous

#10653E

#103665

#106165

Triadic

#106165

#651061

#616510

Split Complementary

#106165

#651036

#653E10

Tetradic

#106165

#3E1065

#651410

#366510

Color Blindness Simulation

Original

#106165

Protanopia

#333464

Deuteranopia

#2E2864

Tritanopia

#146363

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F3F5
300
#95EAEE
400
#5CDFE5
500
#23D3DC
600
#1CA9B0
700
#16878D
800
#116A6E
900
#114D50
950
#0B3133

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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