#643272

#643272

Color Values

HEX

#643272

RGB

100, 50, 114

HSL

286.9, 39.0%, 32.2%

HSV

286.9, 56.1%, 44.7%

CMYK

12.3%, 56.1%, 0.0%, 55.3%

OKLCH

0.41 0.1161 318.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#643272

#407232

Analogous

#443272

#723260

#643272

Triadic

#643272

#726432

#327264

Split Complementary

#643272

#607232

#327244

Tetradic

#643272

#724432

#407232

#326072

Color Blindness Simulation

Original

#643272

Protanopia

#4E4E63

Deuteranopia

#51555F

Tritanopia

#625654

Achromatopsia

#414141

CSS Usage

background-color: #643272;
color: #643272;
border-color: #643272;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F0E7F3
200
#E3CDE9
300
#CFAADA
400
#B57CC5
500
#9C4EB1
600
#7C3E8E
700
#643271
800
#4E2759
900
#3A1F41
950
#251429

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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