#643B89

#643B89

Color Values

HEX

#643B89

RGB

100, 59, 137

HSL

271,5, 39,8%, 38,4%

HSV

271,5, 56,9%, 53,7%

CMYK

27,0%, 56,9%, 0,0%, 46,3%

OKLCH

0,4387 0,1283 306,1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#643B89

#60893B

Analogous

#3D3B89

#893B87

#643B89

Triadic

#643B89

#89643B

#3B8964

Split Complementary

#643B89

#87893B

#3B893D

Tetradic

#643B89

#893D3B

#60893B

#3B8789

Color Blindness Simulation

Original

#643B89

Protanopia

#525276

Deuteranopia

#555872

Tritanopia

#626764

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C3A9DA
400
#A37BC6
500
#824DB2
600
#683D8F
700
#533172
800
#412659
900
#311F42
950
#1F142A

Contrast Checker

Text on white

8,3:1

AA Pass AAA Pass

Text on black

2,53:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026