#860478

#860478

Color Values

HEX

#860478

RGB

134, 4, 120

HSL

306.5, 94.2%, 27.1%

HSV

306.5, 97.0%, 52.5%

CMYK

0.0%, 97.0%, 10.4%, 47.5%

OKLCH

0.4277 0.1884 334.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#860478

#048612

Analogous

#530486

#860437

#860478

Triadic

#860478

#788604

#047886

Split Complementary

#860478

#378604

#048653

Tetradic

#860478

#865304

#048612

#043786

Color Blindness Simulation

Original

#860478

Protanopia

#4E4D5C

Deuteranopia

#555F55

Tritanopia

#804641

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FDBAF6
300
#FB88EF
400
#FA48E6
500
#F807DE
600
#C606B1
700
#9E058E
800
#7C046F
900
#5A0751
950
#390533

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026