#328B63

#328B63

Color Values

HEX

#328B63

RGB

50, 139, 99

HSL

153.0, 47.1%, 37.1%

HSV

153.0, 64.0%, 54.5%

CMYK

64.0%, 0.0%, 28.8%, 45.5%

OKLCH

0.5725 0.1055 160.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#328B63

#8B325A

Analogous

#328B37

#32878B

#328B63

Triadic

#328B63

#63328B

#8B6332

Split Complementary

#328B63

#8B3287

#8B3732

Tetradic

#328B63

#37328B

#8B325A

#878B32

Color Blindness Simulation

Original

#328B63

Protanopia

#59596D

Deuteranopia

#534D6F

Tritanopia

#367476

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CAECDD
300
#A5DFC5
400
#74CDA5
500
#43BC86
600
#36966B
700
#2B7855
800
#225E43
900
#1C4533
950
#122C20

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026