#860781

#860781

Color Values

HEX

#860781

RGB

134, 7, 129

HSL

302.4, 90.1%, 27.6%

HSV

302.4, 94.8%, 52.5%

CMYK

0.0%, 94.8%, 3.7%, 47.5%

OKLCH

0.4343 0.1931 330.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#860781

#07860C

Analogous

#4B0786

#860741

#860781

Triadic

#860781

#818607

#078186

Split Complementary

#860781

#418607

#07864B

Tetradic

#860781

#864B07

#07860C

#074186

Color Blindness Simulation

Original

#860781

Protanopia

#4F4E64

Deuteranopia

#56605C

Tritanopia

#804C47

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FBBBF9
300
#F98BF5
400
#F64CEF
500
#F20DE9
600
#C20ABB
700
#9B0895
800
#790675
900
#580955
950
#370635

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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