#641BA0

#641BA0

Color Values

HEX

#641BA0

RGB

100, 27, 160

HSL

272.9, 71.1%, 36.7%

HSV

272.9, 83.1%, 62.7%

CMYK

37.5%, 83.1%, 0.0%, 37.3%

OKLCH

0.4173 0.1945 303.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#641BA0

#57A01B

Analogous

#211BA0

#A01B9A

#641BA0

Triadic

#641BA0

#A0641B

#1BA064

Split Complementary

#641BA0

#9AA01B

#1BA021

Tetradic

#641BA0

#A0211B

#57A01B

#1B9AA0

Color Blindness Simulation

Original

#641BA0

Protanopia

#444480

Deuteranopia

#494E78

Tritanopia

#606661

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DEC2F5
300
#C696ED
400
#A75EE4
500
#8825DA
600
#6D1DAF
700
#57188C
800
#44126D
900
#33114F
950
#200B32

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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