#328D89

#328D89

Color Values

HEX

#328D89

RGB

50, 141, 137

HSL

177.4, 47.6%, 37.5%

HSV

177.4, 64.5%, 55.3%

CMYK

64.5%, 0.0%, 2.8%, 44.7%

OKLCH

0.5892 0.0847 191.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#328D89

#8D3236

Analogous

#328D5C

#32648D

#328D89

Triadic

#328D89

#89328D

#8D8932

Split Complementary

#328D89

#8D3264

#8D5C32

Tetradic

#328D89

#5C328D

#8D3236

#648D32

Color Blindness Simulation

Original

#328D89

Protanopia

#595A8A

Deuteranopia

#544D8A

Tritanopia

#378B8B

Achromatopsia

#797979

CSS Usage

background-color: #328D89;
color: #328D89;
border-color: #328D89;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A5DFDC
400
#74CECA
500
#43BCB7
600
#359792
700
#2B7875
800
#215E5B
900
#1C4543
950
#112C2B

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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