#109AAA

#109AAA

Color Values

HEX

#109AAA

RGB

16, 154, 170

HSL

186.2, 82.8%, 36.5%

HSV

186.2, 90.6%, 66.7%

CMYK

90.6%, 9.4%, 0.0%, 33.3%

OKLCH

0.6287 0.1056 208.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#109AAA

#AA2010

Analogous

#10AA6D

#104DAA

#109AAA

Triadic

#109AAA

#AA109A

#9AAA10

Split Complementary

#109AAA

#AA104D

#AA6D10

Tetradic

#109AAA

#6D10AA

#AA2010

#4DAA10

Color Blindness Simulation

Original

#109AAA

Protanopia

#4C4DA6

Deuteranopia

#4439A5

Tritanopia

#17A3A2

Achromatopsia

#7E7E7E

CSS Usage

background-color: #109AAA;
color: #109AAA;
border-color: #109AAA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEAF4
400
#53DFEF
500
#16D3E9
600
#12A9BA
700
#0E8795
800
#0B6A75
900
#0C4D55
950
#083135

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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