#328660

#328660

Color Values

HEX

#328660

RGB

50, 134, 96

HSL

152.9, 45.7%, 36.1%

HSV

152.9, 62.7%, 52.5%

CMYK

62.7%, 0.0%, 28.4%, 47.5%

OKLCH

0.5584 0.101 160.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#328660

#863258

Analogous

#328636

#328286

#328660

Triadic

#328660

#603286

#866032

Split Complementary

#328660

#863282

#863632

Tetradic

#328660

#363286

#863258

#828632

Color Blindness Simulation

Original

#328660

Protanopia

#565769

Deuteranopia

#524B6B

Tritanopia

#367072

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDD
300
#A6DEC5
400
#76CCA5
500
#45BA85
600
#37956B
700
#2C7755
800
#235D43
900
#1D4432
950
#122B20

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026