#7C6DFB

#7C6DFB

Color Values

HEX

#7C6DFB

RGB

124, 109, 251

HSL

246.3, 94.7%, 70.6%

HSV

246.3, 56.6%, 98.4%

CMYK

50.6%, 56.6%, 0.0%, 1.6%

OKLCH

0.6227 0.2039 283.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7C6DFB

#ECFB6D

Analogous

#6DA5FB

#C36DFB

#7C6DFB

Triadic

#7C6DFB

#FB7C6D

#6DFB7C

Split Complementary

#7C6DFB

#FBC36D

#A5FB6D

Tetradic

#7C6DFB

#FB6DA5

#ECFB6D

#6DFBC3

Color Blindness Simulation

Original

#7C6DFB

Protanopia

#7675D9

Deuteranopia

#7678D0

Tritanopia

#7BBDB8

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7C6DFB;
color: #7C6DFB;
border-color: #7C6DFB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F1FE
100
#E2DFFC
200
#C1B9FD
300
#9488FC
400
#5A47FA
500
#2007F8
600
#1A05C7
700
#15049F
800
#10037C
900
#10075A
950
#0A0539

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026