#683B4F

#683B4F

Color Values

HEX

#683B4F

RGB

104, 59, 79

HSL

333.3, 27.6%, 32.0%

HSV

333.3, 43.3%, 40.8%

CMYK

0.0%, 43.3%, 24.0%, 59.2%

OKLCH

0.4138 0.0689 352.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#683B4F

#3B6854

Analogous

#683B66

#683E3B

#683B4F

Triadic

#683B4F

#4F683B

#3B4F68

Split Complementary

#683B4F

#3B683E

#3B6668

Tetradic

#683B4F

#66683B

#3B6854

#3E3B68

Color Blindness Simulation

Original

#683B4F

Protanopia

#55544A

Deuteranopia

#575A49

Tritanopia

#664646

Achromatopsia

#464646

CSS Usage

background-color: #683B4F;
color: #683B4F;
border-color: #683B4F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D1DA
300
#D3B1C0
400
#BB879E
500
#A35C7C
600
#824A63
700
#683B4F
800
#512E3E
900
#3C242F
950
#26171E

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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