#168F97

#168F97

Color Values

HEX

#168F97

RGB

22, 143, 151

HSL

183.7, 74.6%, 33.9%

HSV

183.7, 85.4%, 59.2%

CMYK

85.4%, 5.3%, 0.0%, 40.8%

OKLCH

0.5936 0.0969 202.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#168F97

#971E16

Analogous

#16975E

#164E97

#168F97

Triadic

#168F97

#97168F

#8F9716

Split Complementary

#168F97

#97164E

#975E16

Tetradic

#168F97

#5E1697

#971E16

#4E9716

Color Blindness Simulation

Original

#168F97

Protanopia

#4A4B95

Deuteranopia

#433A95

Tritanopia

#1C9493

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F8
200
#C1F3F6
300
#94EAEF
400
#5ADEE7
500
#20D3DF
600
#1AA9B2
700
#15878E
800
#10696F
900
#104D51
950
#0A3133

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026