#641BA3

#641BA3

Color Values

HEX

#641BA3

RGB

100, 27, 163

HSL

272.2, 71.6%, 37.3%

HSV

272.2, 83.4%, 63.9%

CMYK

38.7%, 83.4%, 0.0%, 36.1%

OKLCH

0.42 0.1974 302.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#641BA3

#5AA31B

Analogous

#201BA3

#A31B9E

#641BA3

Triadic

#641BA3

#A3641B

#1BA364

Split Complementary

#641BA3

#9EA31B

#1BA320

Tetradic

#641BA3

#A3201B

#5AA31B

#1B9EA3

Color Blindness Simulation

Original

#641BA3

Protanopia

#444482

Deuteranopia

#494E7A

Tritanopia

#606862

Achromatopsia

#343434

CSS Usage

background-color: #641BA3;
color: #641BA3;
border-color: #641BA3;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C596EE
400
#A65DE4
500
#8624DB
600
#6B1DAF
700
#56178C
800
#43126D
900
#331150
950
#200B32

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

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