#328782

#328782

Color Values

HEX

#328782

RGB

50, 135, 130

HSL

176.5, 45.9%, 36.3%

HSV

176.5, 63.0%, 52.9%

CMYK

63.0%, 0.0%, 3.7%, 47.1%

OKLCH

0.5712 0.0809 189.7

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#328782

#873237

Analogous

#328758

#326287

#328782

Triadic

#328782

#823287

#878232

Split Complementary

#328782

#873262

#875832

Tetradic

#328782

#583287

#873237

#628732

Color Blindness Simulation

Original

#328782

Protanopia

#575883

Deuteranopia

#524C84

Tritanopia

#368484

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECEA
300
#A6DEDB
400
#75CCC7
500
#45BAB3
600
#37958F
700
#2C7773
800
#225D5A
900
#1C4442
950
#122B2A

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026