#168683

#168683

Color Values

HEX

#168683

RGB

22, 134, 131

HSL

178.4, 71.8%, 30.6%

HSV

178.4, 83.6%, 52.5%

CMYK

83.6%, 0.0%, 2.2%, 47.5%

OKLCH

0.5625 0.092 192.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#168683

#861619

Analogous

#16864B

#165186

#168683

Triadic

#168683

#831686

#868316

Split Complementary

#168683

#861651

#864B16

Tetradic

#168683

#4B1686

#861619

#518616

Color Blindness Simulation

Original

#168683

Protanopia

#474784

Deuteranopia

#403884

Tritanopia

#1C8484

Achromatopsia

#6E6E6E

CSS Usage

background-color: #168683;
color: #168683;
border-color: #168683;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C2F5F4
300
#96EEEB
400
#5DE4E1
500
#24DBD6
600
#1DAFAB
700
#178C89
800
#126E6B
900
#11504E
950
#0B3231

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass 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