#6B6CE1

#6B6CE1

Color Values

HEX

#6B6CE1

RGB

107, 108, 225

HSL

239.5, 66.3%, 65.1%

HSV

239.5, 52.4%, 88.2%

CMYK

52.4%, 52.0%, 0.0%, 11.8%

OKLCH

0.5903 0.1736 279.3

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#6B6CE1

#E1E06B

Analogous

#6BA7E1

#A56BE1

#6B6CE1

Triadic

#6B6CE1

#E16B6C

#6CE16B

Split Complementary

#6B6CE1

#E1A56B

#A7E16B

Tetradic

#6B6CE1

#E16BA7

#E1E06B

#6BE1A5

Color Blindness Simulation

Original

#6B6CE1

Protanopia

#6B6BC5

Deuteranopia

#6B6BBE

Tritanopia

#6BAEA9

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#999AEA
400
#6263DF
500
#2B2CD4
600
#2224AA
700
#1B1C88
800
#15166A
900
#14144D
950
#0C0D31

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass 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