#683C5F

#683C5F

Color Values

HEX

#683C5F

RGB

104, 60, 95

HSL

312.3, 26.8%, 32.2%

HSV

312.3, 42.3%, 40.8%

CMYK

0.0%, 42.3%, 8.7%, 59.2%

OKLCH

0.4222 0.0796 334.8

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#683C5F

#3C6845

Analogous

#5B3C68

#683C49

#683C5F

Triadic

#683C5F

#5F683C

#3C5F68

Split Complementary

#683C5F

#49683C

#3C685B

Tetradic

#683C5F

#685B3C

#3C6845

#3C4968

Color Blindness Simulation

Original

#683C5F

Protanopia

#555557

Deuteranopia

#585B54

Tritanopia

#66504E

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B1CB
400
#BA87B0
500
#A25D94
600
#814B76
700
#673C5F
800
#512F4A
900
#3C2537
950
#261723

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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