#86308F

#86308F

Color Values

HEX

#86308F

RGB

134, 48, 143

HSL

294.3, 49.7%, 37.5%

HSV

294.3, 66.4%, 56.1%

CMYK

6.3%, 66.4%, 0.0%, 43.9%

OKLCH

0.4723 0.1664 323.8

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#86308F

#398F30

Analogous

#57308F

#8F3069

#86308F

Triadic

#86308F

#8F8630

#308F86

Split Complementary

#86308F

#698F30

#308F57

Tetradic

#86308F

#8F5730

#398F30

#30698F

Color Blindness Simulation

Original

#86308F

Protanopia

#616078

Deuteranopia

#666C72

Tritanopia

#826662

Achromatopsia

#494949

CSS Usage

background-color: #86308F;
color: #86308F;
border-color: #86308F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#EACAED
300
#DAA3E0
400
#C772D0
500
#B340BF
600
#8F3399
700
#72297A
800
#59205F
900
#421B46
950
#2A112C

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

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