#168087

#168087

Color Values

HEX

#168087

RGB

22, 128, 135

HSL

183.7, 72.0%, 30.8%

HSV

183.7, 83.7%, 52.9%

CMYK

83.7%, 5.2%, 0.0%, 47.1%

OKLCH

0.5482 0.0884 202.0

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#168087

#871D16

Analogous

#168756

#164887

#168087

Triadic

#168087

#871680

#808716

Split Complementary

#168087

#871648

#875616

Tetradic

#168087

#561687

#871D16

#488716

Color Blindness Simulation

Original

#168087

Protanopia

#444585

Deuteranopia

#3E3685

Tritanopia

#1B8484

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C2F2F5
300
#96E8EE
400
#5DDCE5
500
#24D0DB
600
#1DA6AF
700
#17858C
800
#12686E
900
#114C50
950
#0B3032

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

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