#872486

#872486

Color Values

HEX

#872486

RGB

135, 36, 134

HSL

300.6, 57.9%, 33.5%

HSV

300.6, 73.3%, 52.9%

CMYK

0.0%, 73.3%, 0.7%, 47.1%

OKLCH

0.4562 0.1745 328.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#872486

#248725

Analogous

#562487

#872454

#872486

Triadic

#872486

#868724

#248687

Split Complementary

#872486

#548724

#248756

Tetradic

#872486

#875624

#248725

#245487

Color Blindness Simulation

Original

#872486

Protanopia

#5C5B6E

Deuteranopia

#626969

Tritanopia

#825C57

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C7F0
300
#E59EE5
400
#D76AD6
500
#C936C8
600
#A12BA0
700
#812280
800
#651B64
900
#4A1749
950
#2F0F2E

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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