#328162

#328162

Color Values

HEX

#328162

RGB

50, 129, 98

HSL

156.5, 44.1%, 35.1%

HSV

156.5, 61.2%, 50.6%

CMYK

61.2%, 0.0%, 24.0%, 49.4%

OKLCH

0.5455 0.092 164.3

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#328162

#813251

Analogous

#32813B

#327881

#328162

Triadic

#328162

#623281

#816232

Split Complementary

#328162

#813278

#813B32

Tetradic

#328162

#3B3281

#813251

#788132

Color Blindness Simulation

Original

#328162

Protanopia

#545569

Deuteranopia

#504A6B

Tritanopia

#366F71

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CCEBDF
300
#A7DDC8
400
#77CAAA
500
#47B88C
600
#399370
700
#2E7659
800
#245C46
900
#1D4435
950
#122B21

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026