#87305C

#87305C

Color Values

HEX

#87305C

RGB

135, 48, 92

HSL

329.7, 47.5%, 35.9%

HSV

329.7, 64.4%, 52.9%

CMYK

0.0%, 64.4%, 31.9%, 47.1%

OKLCH

0.4484 0.1281 352.1

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#87305C

#30875B

Analogous

#873087

#873030

#87305C

Triadic

#87305C

#5C8730

#305C87

Split Complementary

#87305C

#308730

#308787

Tetradic

#87305C

#878730

#30875B

#303087

Color Blindness Simulation

Original

#87305C

Protanopia

#616151

Deuteranopia

#666D4F

Tritanopia

#834947

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADB
300
#DFA5C2
400
#CD74A1
500
#BC4380
600
#963666
700
#782B52
800
#5E2140
900
#451C31
950
#2C121F

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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