#8543CF

#8543CF

Color Values

HEX

#8543CF

RGB

133, 67, 207

HSL

268.3, 59.3%, 53.7%

HSV

268.3, 67.6%, 81.2%

CMYK

35.7%, 67.6%, 0.0%, 18.8%

OKLCH

0.5371 0.2058 301.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8543CF

#8DCF43

Analogous

#4347CF

#CB43CF

#8543CF

Triadic

#8543CF

#CF8543

#43CF85

Split Complementary

#8543CF

#CFCB43

#47CF43

Tetradic

#8543CF

#CF4347

#8DCF43

#43CFCB

Color Blindness Simulation

Original

#8543CF

Protanopia

#6868AD

Deuteranopia

#6C71A5

Tritanopia

#82928C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #8543CF;
color: #8543CF;
border-color: #8543CF;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F0
300
#C09EE6
400
#9D69D9
500
#7B34CB
600
#632AA2
700
#4F2182
800
#3E1A66
900
#2F174A
950
#1E0E2F

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026