#6642BD

#6642BD

Color Values

HEX

#6642BD

RGB

102, 66, 189

HSL

257.6, 48.2%, 50.0%

HSV

257.6, 65.1%, 74.1%

CMYK

46.0%, 65.1%, 0.0%, 25.9%

OKLCH

0.4894 0.1831 291.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6642BD

#99BD42

Analogous

#425BBD

#A442BD

#6642BD

Triadic

#6642BD

#BD6642

#42BD66

Split Complementary

#6642BD

#BDA442

#5BBD42

Tetradic

#6642BD

#BD425B

#99BD42

#42BDA4

Color Blindness Simulation

Original

#6642BD

Protanopia

#56569F

Deuteranopia

#585B98

Tritanopia

#648883

Achromatopsia

#535353

CSS Usage

background-color: #6642BD;
color: #6642BD;
border-color: #6642BD;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAED
300
#B6A4DF
400
#8E73CE
500
#6642BD
600
#523597
700
#412A79
800
#33215E
900
#281B45
950
#19112C

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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