#840ACF

#840ACF

Color Values

HEX

#840ACF

RGB

132, 10, 207

HSL

277.2, 90.8%, 42.5%

HSV

277.2, 95.2%, 81.2%

CMYK

36.2%, 95.2%, 0.0%, 18.8%

OKLCH

0.4925 0.2511 304.9

Properties

Cool Dark Nearest: darkviolet

Color Harmonies

Complementary

#840ACF

#55CF0A

Analogous

#220ACF

#CF0AB7

#840ACF

Triadic

#840ACF

#CF840A

#0ACF84

Split Complementary

#840ACF

#B7CF0A

#0ACF22

Tetradic

#840ACF

#CF220A

#55CF0A

#0AB7CF

Color Blindness Simulation

Original

#840ACF

Protanopia

#4F4E9F

Deuteranopia

#565F94

Tritanopia

#7E7A71

Achromatopsia

#323232

CSS Usage

background-color: #840ACF;
color: #840ACF;
border-color: #840ACF;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E3BBFC
300
#CF8AF9
400
#B54BF6
500
#9B0CF3
600
#7C09C3
700
#63089C
800
#4E067A
900
#3A0958
950
#250638

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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