#643195

#643195

Color Values

HEX

#643195

RGB

100, 49, 149

HSL

270.6, 50.5%, 38.8%

HSV

270.6, 67.1%, 58.4%

CMYK

32.9%, 67.1%, 0.0%, 41.6%

OKLCH

0.4321 0.158 303.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#643195

#629531

Analogous

#323195

#953194

#643195

Triadic

#643195

#956431

#319564

Split Complementary

#643195

#949531

#319532

Tetradic

#643195

#953231

#629531

#319495

Color Blindness Simulation

Original

#643195

Protanopia

#4E4D7D

Deuteranopia

#515577

Tritanopia

#616A66

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC9ED
300
#C2A3E1
400
#A271D0
500
#813FC0
600
#67329A
700
#52287B
800
#402060
900
#311A46
950
#1F112D

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026