#861F80

#861F80

Color Values

HEX

#861F80

RGB

134, 31, 128

HSL

303.5, 62.4%, 32.4%

HSV

303.5, 76.9%, 52.5%

CMYK

0.0%, 76.9%, 4.5%, 47.5%

OKLCH

0.4469 0.1747 330.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#861F80

#1F8625

Analogous

#591F86

#861F4D

#861F80

Triadic

#861F80

#80861F

#1F8086

Split Complementary

#861F80

#4D861F

#1F8659

Tetradic

#861F80

#86591F

#1F8625

#1F4D86

Color Blindness Simulation

Original

#861F80

Protanopia

#595969

Deuteranopia

#5F6763

Tritanopia

#815652

Achromatopsia

#3C3C3C

CSS Usage

background-color: #861F80;
color: #861F80;
border-color: #861F80;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5EF
300
#E89CE4
400
#DC66D5
500
#CF30C6
600
#A6269E
700
#851F7F
800
#681863
900
#4C1548
950
#300D2E

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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