#109DA0

#109DA0

Color Values

HEX

#109DA0

RGB

16, 157, 160

HSL

181.2, 81.8%, 34.5%

HSV

181.2, 90.0%, 62.7%

CMYK

90.0%, 1.9%, 0.0%, 37.3%

OKLCH

0.6324 0.1053 197.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#109DA0

#A01310

Analogous

#10A05B

#1055A0

#109DA0

Triadic

#109DA0

#A0109D

#9DA010

Split Complementary

#109DA0

#A01055

#A05B10

Tetradic

#109DA0

#5B10A0

#A01310

#55A010

Color Blindness Simulation

Original

#109DA0

Protanopia

#4D4E9F

Deuteranopia

#453A9F

Tritanopia

#179F9F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #109DA0;
color: #109DA0;
border-color: #109DA0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF7F9
300
#90F2F4
400
#53EBEE
500
#17E4E8
600
#13B6B9
700
#0F9294
800
#0C7274
900
#0D5354
950
#083435

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026