#608980

#608980

Color Values

HEX

#608980

RGB

96, 137, 128

HSL

166.8, 17.6%, 45.7%

HSV

166.8, 29.9%, 53.7%

CMYK

29.9%, 0.0%, 6.6%, 46.3%

OKLCH

0.5971 0.0475 179.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#608980

#896069

Analogous

#60896C

#607E89

#608980

Triadic

#608980

#806089

#898060

Split Complementary

#608980

#89607E

#896C60

Tetradic

#608980

#6C6089

#896069

#7E8960

Color Blindness Simulation

Original

#608980

Protanopia

#727282

Deuteranopia

#6F6C83

Tritanopia

#628484

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#90B1AA
500
#69968C
600
#547870
700
#43605A
800
#354B46
900
#293835
950
#1A2321

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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