#684056

#684056

Color Values

HEX

#684056

RGB

104, 64, 86

HSL

327.0, 23.8%, 32.9%

HSV

327.0, 38.5%, 40.8%

CMYK

0.0%, 38.5%, 17.3%, 59.2%

OKLCH

0.4258 0.0639 346.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#684056

#406852

Analogous

#664068

#684042

#684056

Triadic

#684056

#566840

#405668

Split Complementary

#684056

#426840

#406866

Tetradic

#684056

#686640

#406852

#404268

Color Blindness Simulation

Original

#684056

Protanopia

#575651

Deuteranopia

#595C4F

Tritanopia

#664C4C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E4D3DC
300
#D0B3C3
400
#B78AA3
500
#9E6183
600
#7E4E68
700
#653E54
800
#4F3141
900
#3B2631
950
#25181F

Contrast Checker

Text on white

8.55:1

AA Pass AAA Pass

Text on black

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