#7543FE

#7543FE

Color Values

HEX

#7543FE

RGB

117, 67, 254

HSL

256.0, 98.9%, 62.9%

HSV

256.0, 73.6%, 99.6%

CMYK

53.9%, 73.6%, 0.0%, 0.4%

OKLCH

0.5594 0.2562 287.1

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#7543FE

#CCFE43

Analogous

#436EFE

#D243FE

#7543FE

Triadic

#7543FE

#FE7543

#43FE75

Split Complementary

#7543FE

#FED243

#6EFE43

Tetradic

#7543FE

#FE436E

#CCFE43

#43FED2

Color Blindness Simulation

Original

#7543FE

Protanopia

#5F5FD1

Deuteranopia

#6266C6

Tritanopia

#72ADA5

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F1FE
100
#E6DEFC
200
#CBB8FF
300
#A685FE
400
#7543FE
500
#4501FE
600
#3701CB
700
#2C01A2
800
#22017F
900
#1C055C
950
#12033A

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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