#643292

#643292

Color Values

HEX

#643292

RGB

100, 50, 146

HSL

271.2, 49.0%, 38.4%

HSV

271.2, 65.8%, 57.3%

CMYK

31.5%, 65.8%, 0.0%, 42.7%

OKLCH

0.4313 0.1531 304.7

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#643292

#609232

Analogous

#343292

#923290

#643292

Triadic

#643292

#926432

#329264

Split Complementary

#643292

#909232

#329234

Tetradic

#643292

#923432

#609232

#329092

Color Blindness Simulation

Original

#643292

Protanopia

#4E4E7B

Deuteranopia

#515575

Tritanopia

#626864

Achromatopsia

#444444

CSS Usage

background-color: #643292;
color: #643292;
border-color: #643292;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCCAED
300
#C3A4E0
400
#A272CF
500
#8241BE
600
#683498
700
#532A7A
800
#41215F
900
#311B46
950
#1F112C

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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