#873057

#873057

Color Values

HEX

#873057

RGB

135, 48, 87

HSL

333.1, 47.5%, 35.9%

HSV

333.1, 64.4%, 52.9%

CMYK

0.0%, 64.4%, 35.6%, 47.1%

OKLCH

0.4465 0.1257 355.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#873057

#308760

Analogous

#873083

#873530

#873057

Triadic

#873057

#578730

#305787

Split Complementary

#873057

#308735

#308387

Tetradic

#873057

#838730

#308760

#353087

Color Blindness Simulation

Original

#873057

Protanopia

#61614E

Deuteranopia

#666D4B

Tritanopia

#834644

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCADA
300
#DFA5BF
400
#CD749C
500
#BC4379
600
#963661
700
#782B4E
800
#5E213D
900
#451C2E
950
#2C121D

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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