#7C19DC

#7C19DC

Color Values

HEX

#7C19DC

RGB

124, 25, 220

HSL

270.5, 79.6%, 48.0%

HSV

270.5, 88.6%, 86.3%

CMYK

43.6%, 88.6%, 0.0%, 13.7%

OKLCH

0.5002 0.2548 298.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7C19DC

#79DC19

Analogous

#1B19DC

#DC19DA

#7C19DC

Triadic

#7C19DC

#DC7C19

#19DC7C

Split Complementary

#7C19DC

#DADC19

#19DC1B

Tetradic

#7C19DC

#DC1B19

#79DC19

#19DADC

Color Blindness Simulation

Original

#7C19DC

Protanopia

#5150AD

Deuteranopia

#575EA2

Tritanopia

#77887F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #7C19DC;
color: #7C19DC;
border-color: #7C19DC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DCBFF8
300
#C391F3
400
#A256EC
500
#811AE5
600
#6715B7
700
#531193
800
#410D72
900
#310E53
950
#1F0935

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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