#86377C

#86377C

Color Values

HEX

#86377C

RGB

134, 55, 124

HSL

307.6, 41.8%, 37.1%

HSV

307.6, 59.0%, 52.5%

CMYK

0.0%, 59.0%, 7.5%, 47.5%

OKLCH

0.4703 0.1389 332.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#86377C

#378641

Analogous

#693786

#863755

#86377C

Triadic

#86377C

#7C8637

#377C86

Split Complementary

#86377C

#558637

#378669

Tetradic

#86377C

#866937

#378641

#375586

Color Blindness Simulation

Original

#86377C

Protanopia

#64636B

Deuteranopia

#686E67

Tritanopia

#825E5B

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACCE6
300
#DBA8D5
400
#C879BE
500
#B54AA7
600
#913B86
700
#742F6B
800
#5A2554
900
#431E3E
950
#2A1327

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

2.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026