#683B88

#683B88

Color Values

HEX

#683B88

RGB

104, 59, 136

HSL

275.1, 39.5%, 38.2%

HSV

275.1, 56.6%, 53.3%

CMYK

23.5%, 56.6%, 0.0%, 46.7%

OKLCH

0.4428 0.1284 309.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#683B88

#5B883B

Analogous

#413B88

#883B81

#683B88

Triadic

#683B88

#88683B

#3B8868

Split Complementary

#683B88

#81883B

#3B8841

Tetradic

#683B88

#88413B

#5B883B

#3B8188

Color Blindness Simulation

Original

#683B88

Protanopia

#555475

Deuteranopia

#575A71

Tritanopia

#666763

Achromatopsia

#4A4A4A

CSS Usage

background-color: #683B88;
color: #683B88;
border-color: #683B88;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECDE9
300
#C6AADA
400
#A77BC6
500
#884DB2
600
#6D3E8E
700
#573172
800
#442759
900
#331F42
950
#201429

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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