#7C1BDF

#7C1BDF

Color Values

HEX

#7C1BDF

RGB

124, 27, 223

HSL

269.7, 78.4%, 49.0%

HSV

269.7, 87.9%, 87.5%

CMYK

44.4%, 87.9%, 0.0%, 12.5%

OKLCH

0.504 0.2564 297.9

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#7C1BDF

#7EDF1B

Analogous

#1B1CDF

#DE1BDF

#7C1BDF

Triadic

#7C1BDF

#DF7C1B

#1BDF7C

Split Complementary

#7C1BDF

#DFDE1B

#1CDF1B

Tetradic

#7C1BDF

#DF1B1C

#7EDF1B

#1BDFDE

Color Blindness Simulation

Original

#7C1BDF

Protanopia

#5251B0

Deuteranopia

#585FA4

Tritanopia

#778A82

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DBBFF7
300
#C192F2
400
#A057EB
500
#7F1CE3
600
#6516B6
700
#511292
800
#3F0E72
900
#300E53
950
#1E0934

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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