#861483

#861483

Color Values

HEX

#861483

RGB

134, 20, 131

HSL

301.6, 74.0%, 30.2%

HSV

301.6, 85.1%, 52.5%

CMYK

0.0%, 85.1%, 2.2%, 47.5%

OKLCH

0.4412 0.1869 329.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#861483

#148617

Analogous

#501486

#86144A

#861483

Triadic

#861483

#838614

#148386

Split Complementary

#861483

#4A8614

#148650

Tetradic

#861483

#865014

#148617

#144A86

Color Blindness Simulation

Original

#861483

Protanopia

#555468

Deuteranopia

#5B6462

Tritanopia

#80534E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F6C1F4
300
#EF95ED
400
#E65BE3
500
#DE21D9
600
#B11BAD
700
#8E158B
800
#6F116C
900
#51104F
950
#330A32

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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