#86405C

#86405C

Color Values

HEX

#86405C

RGB

134, 64, 92

HSL

336.0, 35.4%, 38.8%

HSV

336.0, 52.2%, 52.5%

CMYK

0.0%, 52.2%, 31.3%, 47.5%

OKLCH

0.4696 0.1011 356.5

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#86405C

#40866A

Analogous

#86407F

#864740

#86405C

Triadic

#86405C

#5C8640

#405C86

Split Complementary

#86405C

#408647

#407F86

Tetradic

#86405C

#7F8640

#40866A

#474086

Color Blindness Simulation

Original

#86405C

Protanopia

#686755

Deuteranopia

#6C7154

Tritanopia

#82504F

Achromatopsia

#515151

CSS Usage

background-color: #86405C;
color: #86405C;
border-color: #86405C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CFD9
300
#D7ACBD
400
#C27F9A
500
#AD5276
600
#8A425F
700
#6E354C
800
#56293B
900
#40212D
950
#28151D

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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