#8C2AA2

#8C2AA2

Color Values

HEX

#8C2AA2

RGB

140, 42, 162

HSL

289.0, 58.8%, 40.0%

HSV

289.0, 74.1%, 63.5%

CMYK

13.6%, 74.1%, 0.0%, 36.5%

OKLCH

0.4869 0.1937 319.5

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8C2AA2

#40A22A

Analogous

#502AA2

#A22A7C

#8C2AA2

Triadic

#8C2AA2

#A28C2A

#2AA28C

Split Complementary

#8C2AA2

#7CA22A

#2AA250

Tetradic

#8C2AA2

#A2502A

#40A22A

#2A7CA2

Color Blindness Simulation

Original

#8C2AA2

Protanopia

#626185

Deuteranopia

#676F7E

Tritanopia

#876E69

Achromatopsia

#474747

CSS Usage

background-color: #8C2AA2;
color: #8C2AA2;
border-color: #8C2AA2;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#E9C6F0
300
#D99EE6
400
#C469D8
500
#AF35CA
600
#8C2AA2
700
#702282
800
#571A65
900
#41174A
950
#290E2F

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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