#169299

#169299

Color Values

HEX

#169299

RGB

22, 146, 153

HSL

183.2, 74.9%, 34.3%

HSV

183.2, 85.6%, 60.0%

CMYK

85.6%, 4.6%, 0.0%, 40.0%

OKLCH

0.6021 0.0984 201.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#169299

#991D16

Analogous

#16995E

#165099

#169299

Triadic

#169299

#991692

#929916

Split Complementary

#169299

#991650

#995E16

Tetradic

#169299

#5E1699

#991D16

#509916

Color Blindness Simulation

Original

#169299

Protanopia

#4C4D97

Deuteranopia

#443B97

Tritanopia

#1C9696

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C1F3F6
300
#94EBF0
400
#5AE0E7
500
#20D5DF
600
#1AAAB2
700
#14888F
800
#106A6F
900
#104E51
950
#0A3133

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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