#177776

#177776

Color Values

HEX

#177776

RGB

23, 119, 118

HSL

179.4, 67.6%, 27.8%

HSV

179.4, 80.7%, 46.7%

CMYK

80.7%, 0.0%, 0.8%, 53.3%

OKLCH

0.5178 0.0827 193.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#177776

#771718

Analogous

#177746

#174877

#177776

Triadic

#177776

#761777

#777617

Split Complementary

#177776

#771748

#774617

Tetradic

#177776

#461777

#771718

#487717

Color Blindness Simulation

Original

#177776

Protanopia

#414176

Deuteranopia

#3B3476

Tritanopia

#1C7676

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#98EBEA
400
#61E0DF
500
#29D6D4
600
#21ABAA
700
#1A8988
800
#156B6A
900
#134E4D
950
#0C3131

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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