#6463BA

#6463BA

Color Values

HEX

#6463BA

RGB

100, 99, 186

HSL

240.7, 38.7%, 55.9%

HSV

240.7, 46.8%, 72.9%

CMYK

46.2%, 46.8%, 0.0%, 27.1%

OKLCH

0.5426 0.133 281.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6463BA

#B9BA63

Analogous

#638EBA

#9063BA

#6463BA

Triadic

#6463BA

#BA6463

#63BA64

Split Complementary

#6463BA

#BA9063

#8EBA63

Tetradic

#6463BA

#BA638E

#B9BA63

#63BA90

Color Blindness Simulation

Original

#6463BA

Protanopia

#6464A5

Deuteranopia

#6464A0

Tritanopia

#649491

Achromatopsia

#696969

CSS Usage

background-color: #6463BA;
color: #6463BA;
border-color: #6463BA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDE9
300
#ABAAD9
400
#7D7CC5
500
#4F4EB1
600
#3F3F8D
700
#333271
800
#282758
900
#202041
950
#141429

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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