#7C6EFF

#7C6EFF

Color Values

HEX

#7C6EFF

RGB

124, 110, 255

HSL

245.8, 100.0%, 71.6%

HSV

245.8, 56.9%, 100.0%

CMYK

51.4%, 56.9%, 0.0%, 0.0%

OKLCH

0.6272 0.2077 283.0

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7C6EFF

#F1FF6E

Analogous

#6EA9FF

#C56EFF

#7C6EFF

Triadic

#7C6EFF

#FF7C6E

#6EFF7C

Split Complementary

#7C6EFF

#FFC56E

#A9FF6E

Tetradic

#7C6EFF

#FF6EA9

#F1FF6E

#6EFFC5

Color Blindness Simulation

Original

#7C6EFF

Protanopia

#7676DC

Deuteranopia

#7778D4

Tritanopia

#7BC0BA

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BFB8FF
300
#9085FF
400
#5542FF
500
#1900FF
600
#1400CC
700
#1000A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026