#326652

#326652

Color Values

HEX

#326652

RGB

50, 102, 82

HSL

156.9, 34.2%, 29.8%

HSV

156.9, 51.0%, 40.0%

CMYK

51.0%, 0.0%, 19.6%, 60.0%

OKLCH

0.4679 0.0654 166.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#326652

#663246

Analogous

#326638

#326066

#326652

Triadic

#326652

#523266

#665232

Split Complementary

#326652

#663260

#663832

Tetradic

#326652

#383266

#663246

#606632

Color Blindness Simulation

Original

#326652

Protanopia

#494957

Deuteranopia

#464258

Tritanopia

#355B5C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ADD7C7
400
#80C1A8
500
#54AB8A
600
#43896E
700
#366E58
800
#2A5645
900
#223F34
950
#152821

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail 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