#873766

#873766

Color Values

HEX

#873766

RGB

135, 55, 102

HSL

324.8, 42.1%, 37.3%

HSV

324.8, 59.3%, 52.9%

CMYK

0.0%, 59.3%, 24.4%, 47.1%

OKLCH

0.4616 0.1229 346.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#873766

#378758

Analogous

#803787

#87373E

#873766

Triadic

#873766

#668737

#376687

Split Complementary

#873766

#3E8737

#378780

Tetradic

#873766

#878037

#378758

#373E87

Color Blindness Simulation

Original

#873766

Protanopia

#64645B

Deuteranopia

#696F58

Tritanopia

#835250

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EACCDE
300
#DCA8C6
400
#C879A8
500
#B54A89
600
#913B6D
700
#742F58
800
#5B2544
900
#431E34
950
#2A1321

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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