#8840C5

#8840C5

Color Values

HEX

#8840C5

RGB

136, 64, 197

HSL

272.5, 53.4%, 51.2%

HSV

272.5, 67.5%, 77.3%

CMYK

31.0%, 67.5%, 0.0%, 22.7%

OKLCH

0.5296 0.1995 305.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8840C5

#7DC540

Analogous

#4640C5

#C540BF

#8840C5

Triadic

#8840C5

#C58840

#40C588

Split Complementary

#8840C5

#BFC540

#40C546

Tetradic

#8840C5

#C54640

#7DC540

#40BFC5

Color Blindness Simulation

Original

#8840C5

Protanopia

#6968A5

Deuteranopia

#6D729D

Tritanopia

#848B86

Achromatopsia

#595959

CSS Usage

background-color: #8840C5;
color: #8840C5;
border-color: #8840C5;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C5A1E2
400
#A56ED3
500
#853BC4
600
#6B309C
700
#55267D
800
#431E62
900
#321948
950
#20102D

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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