#683F5F

#683F5F

Color Values

HEX

#683F5F

RGB

104, 63, 95

HSL

313.2, 24.6%, 32.7%

HSV

313.2, 39.4%, 40.8%

CMYK

0.0%, 39.4%, 8.7%, 59.2%

OKLCH

0.4277 0.0736 335.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#683F5F

#3F6848

Analogous

#5C3F68

#683F4A

#683F5F

Triadic

#683F5F

#5F683F

#3F5F68

Split Complementary

#683F5F

#4A683F

#3F685C

Tetradic

#683F5F

#685C3F

#3F6848

#3F4A68

Color Blindness Simulation

Original

#683F5F

Protanopia

#565657

Deuteranopia

#595C55

Tritanopia

#665150

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D3E0
300
#D1B3CA
400
#B889AE
500
#9F6091
600
#7F4D74
700
#663E5D
800
#4F3049
900
#3B2636
950
#251822

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026