#6B5AE8

#6B5AE8

Color Values

HEX

#6B5AE8

RGB

107, 90, 232

HSL

247.2, 75.5%, 63.1%

HSV

247.2, 61.2%, 91.0%

CMYK

53.9%, 61.2%, 0.0%, 9.0%

OKLCH

0.5644 0.206 283.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#6B5AE8

#D7E85A

Analogous

#5A90E8

#B25AE8

#6B5AE8

Triadic

#6B5AE8

#E86B5A

#5AE86B

Split Complementary

#6B5AE8

#E8B25A

#90E85A

Tetradic

#6B5AE8

#E85A90

#D7E85A

#5AE8B2

Color Blindness Simulation

Original

#6B5AE8

Protanopia

#6463C6

Deuteranopia

#6566BD

Tritanopia

#6AAAA5

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E4E2F9
200
#C7C0F6
300
#9F94F0
400
#6B59E8
500
#361FE0
600
#2B19B3
700
#23148F
800
#1B1070
900
#171051
950
#0F0A33

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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