#8C44CC

#8C44CC

Color Values

HEX

#8C44CC

RGB

140, 68, 204

HSL

271,8, 57,1%, 53,3%

HSV

271,8, 66,7%, 80,0%

CMYK

31,4%, 66,7%, 0,0%, 20,0%

OKLCH

0,5442 0,2027 304,8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8C44CC

#84CC44

Analogous

#4844CC

#CC44C8

#8C44CC

Triadic

#8C44CC

#CC8C44

#44CC8C

Split Complementary

#8C44CC

#C8CC44

#44CC48

Tetradic

#8C44CC

#CC4844

#84CC44

#44C8CC

Color Blindness Simulation

Original

#8C44CC

Protanopia

#6D6CAB

Deuteranopia

#7176A3

Tritanopia

#88918B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #8C44CC;
color: #8C44CC;
border-color: #8C44CC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DDC7F0
300
#C49FE5
400
#A46BD7
500
#8437C8
600
#692CA0
700
#542380
800
#421B64
900
#321849
950
#200F2E

Contrast Checker

Text on white

5,51:1

AA Pass AAA Fail

Text on black

3,81:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026