#6840BF

#6840BF

Color Values

HEX

#6840BF

RGB

104, 64, 191

HSL

258.9, 49.8%, 50.0%

HSV

258.9, 66.5%, 74.9%

CMYK

45.5%, 66.5%, 0.0%, 25.1%

OKLCH

0.49 0.1882 292.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6840BF

#97BF40

Analogous

#4057BF

#A840BF

#6840BF

Triadic

#6840BF

#BF6840

#40BF68

Split Complementary

#6840BF

#BFA840

#57BF40

Tetradic

#6840BF

#BF4057

#97BF40

#40BFA8

Color Blindness Simulation

Original

#6840BF

Protanopia

#5756A0

Deuteranopia

#595C99

Tritanopia

#668883

Achromatopsia

#525252

CSS Usage

background-color: #6840BF;
color: #6840BF;
border-color: #6840BF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F6F4FB
100
#EAE6F5
200
#D5CAED
300
#B7A3E0
400
#8F72D0
500
#6840BF
600
#533399
700
#43297A
800
#34205F
900
#281B46
950
#1A112C

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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