#6643BC

#6643BC

Color Values

HEX

#6643BC

RGB

102, 67, 188

HSL

257.4, 47.5%, 50.0%

HSV

257.4, 64.4%, 73.7%

CMYK

45.7%, 64.4%, 0.0%, 26.3%

OKLCH

0.4901 0.1806 291.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6643BC

#99BC43

Analogous

#435CBC

#A343BC

#6643BC

Triadic

#6643BC

#BC6643

#43BC66

Split Complementary

#6643BC

#BCA343

#5CBC43

Tetradic

#6643BC

#BC435C

#99BC43

#43BCA3

Color Blindness Simulation

Original

#6643BC

Protanopia

#57579F

Deuteranopia

#595B98

Tritanopia

#648883

Achromatopsia

#535353

CSS Usage

background-color: #6643BC;
color: #6643BC;
border-color: #6643BC;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAEC
300
#B6A5DF
400
#8E74CD
500
#6643BC
600
#523696
700
#412B78
800
#33215E
900
#281C45
950
#19122C

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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