#874D63

#874D63

Color Values

HEX

#874D63

RGB

135, 77, 99

HSL

337.2, 27.4%, 41.6%

HSV

337.2, 43.0%, 52.9%

CMYK

0.0%, 43.0%, 26.7%, 47.1%

OKLCH

0.495 0.0829 356.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#874D63

#4D8771

Analogous

#874D80

#87544D

#874D63

Triadic

#874D63

#63874D

#4D6387

Split Complementary

#874D63

#4D8754

#4D8087

Tetradic

#874D63

#80874D

#4D8771

#544D87

Color Blindness Simulation

Original

#874D63

Protanopia

#6E6D5E

Deuteranopia

#71765C

Tritanopia

#845959

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D3B1BE
400
#BB879A
500
#A25D77
600
#824A5F
700
#683B4C
800
#512E3C
900
#3C252E
950
#26171D

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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