#641CAC

#641CAC

Color Values

HEX

#641CAC

RGB

100, 28, 172

HSL

270.0, 72.0%, 39.2%

HSV

270.0, 83.7%, 67.5%

CMYK

41.9%, 83.7%, 0.0%, 32.5%

OKLCH

0.4289 0.2053 299.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#641CAC

#64AC1C

Analogous

#1C1CAC

#AC1CAC

#641CAC

Triadic

#641CAC

#AC641C

#1CAC64

Split Complementary

#641CAC

#ACAC1C

#1CAC1C

Tetradic

#641CAC

#AC1C1C

#64AC1C

#1CACAC

Color Blindness Simulation

Original

#641CAC

Protanopia

#454489

Deuteranopia

#494E81

Tritanopia

#606E68

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C296EE
400
#A15DE5
500
#8024DB
600
#661DAF
700
#52178C
800
#40126E
900
#301150
950
#1F0B32

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026