#7C43FE

#7C43FE

Color Values

HEX

#7C43FE

RGB

124, 67, 254

HSL

258.3, 98.9%, 62.9%

HSV

258.3, 73.6%, 99.6%

CMYK

51.2%, 73.6%, 0.0%, 0.4%

OKLCH

0.5658 0.2559 289.5

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#7C43FE

#C5FE43

Analogous

#4367FE

#D943FE

#7C43FE

Triadic

#7C43FE

#FE7C43

#43FE7C

Split Complementary

#7C43FE

#FED943

#67FE43

Tetradic

#7C43FE

#FE4367

#C5FE43

#43FED9

Color Blindness Simulation

Original

#7C43FE

Protanopia

#6363D1

Deuteranopia

#676BC6

Tritanopia

#79ADA5

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CEB8FF
300
#AA85FE
400
#7C43FE
500
#4E01FE
600
#3F01CB
700
#3201A2
800
#27017F
900
#20055C
950
#14033A

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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