#874459

#874459

Color Values

HEX

#874459

RGB

135, 68, 89

HSL

341.2, 33.0%, 39.8%

HSV

341.2, 49.6%, 52.9%

CMYK

0.0%, 49.6%, 34.1%, 47.1%

OKLCH

0.4764 0.0943 1.4

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#874459

#448772

Analogous

#87447A

#875144

#874459

Triadic

#874459

#598744

#445987

Split Complementary

#874459

#448751

#447A87

Tetradic

#874459

#7A8744

#448772

#514487

Color Blindness Simulation

Original

#874459

Protanopia

#6A6954

Deuteranopia

#6E7353

Tritanopia

#84504F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D6AEBA
400
#C08295
500
#AA5570
600
#884459
700
#6D3748
800
#552B38
900
#3F222B
950
#28161B

Contrast Checker

Text on white

7.0:1

AA Pass AAA Fail

Text on black

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