#643489

#643489

Color Values

HEX

#643489

RGB

100, 52, 137

HSL

273.9, 45.0%, 37.1%

HSV

273.9, 62.0%, 53.7%

CMYK

27.0%, 62.0%, 0.0%, 46.3%

OKLCH

0.4278 0.1396 307.6

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#643489

#598934

Analogous

#3A3489

#893484

#643489

Triadic

#643489

#896434

#348964

Split Complementary

#643489

#848934

#34893A

Tetradic

#643489

#893A34

#598934

#348489

Color Blindness Simulation

Original

#643489

Protanopia

#4F4F74

Deuteranopia

#52566F

Tritanopia

#626461

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEB
300
#C5A6DD
400
#A676CB
500
#8746B9
600
#6C3894
700
#562D76
800
#43235C
900
#331D44
950
#20122B

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026