#328684

#328684

Color Values

HEX

#328684

RGB

50, 134, 132

HSL

178.6, 45.7%, 36.1%

HSV

178.6, 62.7%, 52.5%

CMYK

62.7%, 0.0%, 1.5%, 47.5%

OKLCH

0.5694 0.0798 192.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#328684

#863234

Analogous

#32865A

#325E86

#328684

Triadic

#328684

#843286

#868432

Split Complementary

#328684

#86325E

#865A32

Tetradic

#328684

#5A3286

#863234

#5E8632

Color Blindness Simulation

Original

#328684

Protanopia

#565784

Deuteranopia

#524B85

Tritanopia

#368585

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEB
300
#A6DEDC
400
#76CCCA
500
#45BAB7
600
#379592
700
#2C7775
800
#235D5C
900
#1D4443
950
#122B2B

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026