#7C4CF6

#7C4CF6

Color Values

HEX

#7C4CF6

RGB

124, 76, 246

HSL

256.9, 90.4%, 63.1%

HSV

256.9, 69.1%, 96.5%

CMYK

49.6%, 69.1%, 0.0%, 3.5%

OKLCH

0.5699 0.2378 289.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7C4CF6

#C6F64C

Analogous

#4C71F6

#D14CF6

#7C4CF6

Triadic

#7C4CF6

#F67C4C

#4CF67C

Split Complementary

#7C4CF6

#F6D14C

#71F64C

Tetradic

#7C4CF6

#F64C71

#C6F64C

#4CF6D1

Color Blindness Simulation

Original

#7C4CF6

Protanopia

#6767CD

Deuteranopia

#6A6EC3

Tritanopia

#7AACA5

Achromatopsia

#626262

CSS Usage

background-color: #7C4CF6;
color: #7C4CF6;
border-color: #7C4CF6;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBBFC
300
#AA8AF9
400
#7B4BF6
500
#4D0CF3
600
#3E0AC2
700
#31089B
800
#270679
900
#1F0958
950
#140637

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.22:1

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