#683E60

#683E60

Color Values

HEX

#683E60

RGB

104, 62, 96

HSL

311.4, 25.3%, 32.5%

HSV

311.4, 40.4%, 40.8%

CMYK

0.0%, 40.4%, 7.7%, 59.2%

OKLCH

0.4263 0.0766 334.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#683E60

#3E6846

Analogous

#5B3E68

#683E4B

#683E60

Triadic

#683E60

#60683E

#3E6068

Split Complementary

#683E60

#4B683E

#3E685B

Tetradic

#683E60

#685B3E

#3E6846

#3E4B68

Color Blindness Simulation

Original

#683E60

Protanopia

#565558

Deuteranopia

#585B56

Tritanopia

#665150

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D2E1
300
#D1B2CB
400
#B989AF
500
#A05F93
600
#804C76
700
#663D5E
800
#50304A
900
#3B2537
950
#261823

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026