#84309C

#84309C

Color Values

HEX

#84309C

RGB

132, 48, 156

HSL

286,7, 52,9%, 40,0%

HSV

286,7, 69,2%, 61,2%

CMYK

15,4%, 69,2%, 0,0%, 38,8%

OKLCH

0,4776 0,1776 317,8

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#84309C

#489C30

Analogous

#4E309C

#9C307E

#84309C

Triadic

#84309C

#9C8430

#309C84

Split Complementary

#84309C

#7E9C30

#309C4E

Tetradic

#84309C

#9C4E30

#489C30

#307E9C

Color Blindness Simulation

Original

#84309C

Protanopia

#605F82

Deuteranopia

#646B7C

Tritanopia

#806D69

Achromatopsia

#4A4A4A

CSS Usage

background-color: #84309C;
color: #84309C;
border-color: #84309C;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FB
100
#F2E5F5
200
#E6C8EE
300
#D4A1E2
400
#BC6FD3
500
#A53CC3
600
#84309C
700
#6A267D
800
#531E61
900
#3D1948
950
#27102D

Contrast Checker

Text on white

7,28:1

AA Pass AAA Pass

Text on black

2,88: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