#326454

#326454

Color Values

HEX

#326454

RGB

50, 100, 84

HSL

160.8, 33.3%, 29.4%

HSV

160.8, 50.0%, 39.2%

CMYK

50.0%, 0.0%, 16.0%, 60.8%

OKLCH

0.4631 0.0608 170.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#326454

#643242

Analogous

#32643B

#325B64

#326454

Triadic

#326454

#543264

#645432

Split Complementary

#326454

#64325B

#643B32

Tetradic

#326454

#3B3264

#643242

#5B6432

Color Blindness Simulation

Original

#326454

Protanopia

#484858

Deuteranopia

#454159

Tritanopia

#345B5C

Achromatopsia

#585858

CSS Usage

background-color: #326454;
color: #326454;
border-color: #326454;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE7E0
300
#ADD6C9
400
#81C0AC
500
#55AA8F
600
#448872
700
#366D5B
800
#2B5547
900
#223F36
950
#152822

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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