#328766

#328766

Color Values

HEX

#328766

RGB

50, 135, 102

HSL

156.7, 45.9%, 36.3%

HSV

156.7, 63.0%, 52.9%

CMYK

63.0%, 0.0%, 24.4%, 47.1%

OKLCH

0.5626 0.0971 164.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#328766

#873253

Analogous

#32873C

#327E87

#328766

Triadic

#328766

#663287

#876632

Split Complementary

#328766

#87327E

#873C32

Tetradic

#328766

#3C3287

#873253

#7E8732

Color Blindness Simulation

Original

#328766

Protanopia

#57586E

Deuteranopia

#524C70

Tritanopia

#367476

Achromatopsia

#737373

CSS Usage

background-color: #328766;
color: #328766;
border-color: #328766;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A6DEC8
400
#75CCAA
500
#45BA8D
600
#379570
700
#2C775A
800
#225D46
900
#1C4435
950
#122B21

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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