#87415F

#87415F

Color Values

HEX

#87415F

RGB

135, 65, 95

HSL

334.3, 35.0%, 39.2%

HSV

334.3, 51.9%, 52.9%

CMYK

0.0%, 51.9%, 29.6%, 47.1%

OKLCH

0.4737 0.1019 354.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#87415F

#418769

Analogous

#874182

#874641

#87415F

Triadic

#87415F

#5F8741

#415F87

Split Complementary

#87415F

#418746

#418287

Tetradic

#87415F

#828741

#418769

#464187

Color Blindness Simulation

Original

#87415F

Protanopia

#696858

Deuteranopia

#6D7256

Tritanopia

#845251

Achromatopsia

#525252

CSS Usage

background-color: #87415F;
color: #87415F;
border-color: #87415F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E8CFDA
300
#D7ACBF
400
#C2809C
500
#AC5379
600
#8A4261
700
#6E354E
800
#56293D
900
#40212E
950
#28151D

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026