#326245

#326245

Color Values

HEX

#326245

RGB

50, 98, 69

HSL

143.7, 32.4%, 29.0%

HSV

143.7, 49.0%, 38.4%

CMYK

49.0%, 0.0%, 29.6%, 61.6%

OKLCH

0.4534 0.0714 155.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#326245

#62324F

Analogous

#376232

#32625D

#326245

Triadic

#326245

#453262

#624532

Split Complementary

#326245

#5D3262

#623237

Tetradic

#326245

#323762

#62324F

#625D32

Color Blindness Simulation

Original

#326245

Protanopia

#47474C

Deuteranopia

#44404E

Tritanopia

#345253

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D9
300
#AED6BE
400
#82BF9A
500
#56A977
600
#45875F
700
#376C4C
800
#2B543B
900
#223F2D
950
#16281D

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

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