#684452

#684452

Color Values

HEX

#684452

RGB

104, 68, 82

HSL

336.7, 20.9%, 33.7%

HSV

336.7, 34.6%, 40.8%

CMYK

0.0%, 34.6%, 21.2%, 59.2%

OKLCH

0.4321 0.0535 354.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684452

#44685A

Analogous

#684464

#684844

#684452

Triadic

#684452

#526844

#445268

Split Complementary

#684452

#446848

#446468

Tetradic

#684452

#646844

#44685A

#484468

Color Blindness Simulation

Original

#684452

Protanopia

#58584F

Deuteranopia

#5A5D4E

Tritanopia

#664C4B

Achromatopsia

#4D4D4D

CSS Usage

background-color: #684452;
color: #684452;
border-color: #684452;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4DA
300
#CFB5BF
400
#B48D9C
500
#9A657A
600
#7B5161
700
#63414E
800
#4D323D
900
#3A272E
950
#24191D

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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