#6B64DA

#6B64DA

Color Values

HEX

#6B64DA

RGB

107, 100, 218

HSL

243.6, 61.5%, 62.4%

HSV

243.6, 54.1%, 85.5%

CMYK

50.9%, 54.1%, 0.0%, 14.5%

OKLCH

0.571 0.1749 282.0

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6B64DA

#D3DA64

Analogous

#6498DA

#A664DA

#6B64DA

Triadic

#6B64DA

#DA6B64

#64DA6B

Split Complementary

#6B64DA

#DAA664

#98DA64

Tetradic

#6B64DA

#DA6498

#D3DA64

#64DAA6

Color Blindness Simulation

Original

#6B64DA

Protanopia

#6868BD

Deuteranopia

#6869B7

Tritanopia

#6BA7A2

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6B64DA;
color: #6B64DA;
border-color: #6B64DA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C5F1
300
#A19CE7
400
#6E67DB
500
#3A31CE
600
#2F27A5
700
#251F84
800
#1D1967
900
#19164B
950
#100E30

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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