#7C1CCF

#7C1CCF

Color Values

HEX

#7C1CCF

RGB

124, 28, 207

HSL

272.2, 76.2%, 46.1%

HSV

272.2, 86.5%, 81.2%

CMYK

40.1%, 86.5%, 0.0%, 18.8%

OKLCH

0.49 0.2415 301.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7C1CCF

#6FCF1C

Analogous

#231CCF

#CF1CC9

#7C1CCF

Triadic

#7C1CCF

#CF7C1C

#1CCF7C

Split Complementary

#7C1CCF

#C9CF1C

#1CCF23

Tetradic

#7C1CCF

#CF231C

#6FCF1C

#1CC9CF

Color Blindness Simulation

Original

#7C1CCF

Protanopia

#5252A4

Deuteranopia

#585F99

Tritanopia

#77817A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #7C1CCF;
color: #7C1CCF;
border-color: #7C1CCF;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DDC0F7
300
#C593F0
400
#A659E9
500
#871EE1
600
#6C18B4
700
#561390
800
#430F70
900
#330F52
950
#200A34

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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