#643F86

#643F86

Color Values

HEX

#643F86

RGB

100, 63, 134

HSL

271.3, 36.0%, 38.6%

HSV

271.3, 53.0%, 52.5%

CMYK

25.4%, 53.0%, 0.0%, 47.5%

OKLCH

0.4434 0.1177 306.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#643F86

#61863F

Analogous

#413F86

#863F84

#643F86

Triadic

#643F86

#86643F

#3F8664

Split Complementary

#643F86

#84863F

#3F8641

Tetradic

#643F86

#86413F

#61863F

#3F8486

Color Blindness Simulation

Original

#643F86

Protanopia

#545475

Deuteranopia

#565971

Tritanopia

#626764

Achromatopsia

#4C4C4C

CSS Usage

background-color: #643F86;
color: #643F86;
border-color: #643F86;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCEE8
300
#C3ACD8
400
#A27FC3
500
#8152AD
600
#68418B
700
#53346F
800
#412957
900
#312140
950
#1F1529

Contrast Checker

Text on white

8.09:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026