#6856FA

#6856FA

Color Values

HEX

#6856FA

RGB

104, 86, 250

HSL

246.6, 94.3%, 65.9%

HSV

246.6, 65.6%, 98.0%

CMYK

58.4%, 65.6%, 0.0%, 2.0%

OKLCH

0.5703 0.2333 281.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6856FA

#E8FA56

Analogous

#5696FA

#BA56FA

#6856FA

Triadic

#6856FA

#FA6856

#56FA68

Split Complementary

#6856FA

#FABA56

#96FA56

Tetradic

#6856FA

#FA5696

#E8FA56

#56FABA

Color Blindness Simulation

Original

#6856FA

Protanopia

#6060D2

Deuteranopia

#6163C9

Tritanopia

#67B3AC

Achromatopsia

#666666

CSS Usage

background-color: #6856FA;
color: #6856FA;
border-color: #6856FA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFD
300
#9588FC
400
#5B48FA
500
#2207F8
600
#1B06C6
700
#16059F
800
#11047C
900
#10075A
950
#0A0539

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026