#86137C

#86137C

Color Values

HEX

#86137C

RGB

134, 19, 124

HSL

305.2, 75.2%, 30.0%

HSV

305.2, 85.8%, 52.5%

CMYK

0.0%, 85.8%, 7.5%, 47.5%

OKLCH

0.4364 0.1826 332.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#86137C

#13861D

Analogous

#561386

#861343

#86137C

Triadic

#86137C

#7C8613

#137C86

Split Complementary

#86137C

#438613

#138656

Tetradic

#86137C

#865613

#13861D

#134386

Color Blindness Simulation

Original

#86137C

Protanopia

#545363

Deuteranopia

#5B645C

Tritanopia

#804F4A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F7
200
#F6C0F1
300
#F094E8
400
#E85ADB
500
#DF20CF
600
#B319A5
700
#8F1484
800
#701067
900
#51104C
950
#330A30

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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