#326954

#326954

Color Values

HEX

#326954

RGB

50, 105, 84

HSL

157.1, 35.5%, 30.4%

HSV

157.1, 52.4%, 41.2%

CMYK

52.4%, 0.0%, 20.0%, 58.8%

OKLCH

0.4767 0.0684 166.3

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#326954

#693247

Analogous

#326939

#326369

#326954

Triadic

#326954

#543269

#695432

Split Complementary

#326954

#693263

#693932

Tetradic

#326954

#393269

#693247

#636932

Color Blindness Simulation

Original

#326954

Protanopia

#4A4A59

Deuteranopia

#47425A

Tritanopia

#355D5E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #326954;
color: #326954;
border-color: #326954;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CFE8DE
300
#ACD8C7
400
#7FC2A9
500
#52AD8A
600
#428A6F
700
#356F58
800
#295645
900
#214034
950
#152821

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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