#874067

#874067

Color Values

HEX

#874067

RGB

135, 64, 103

HSL

327.0, 35.7%, 39.0%

HSV

327.0, 52.6%, 52.9%

CMYK

0.0%, 52.6%, 23.7%, 47.1%

OKLCH

0.4751 0.1082 347.9

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#874067

#408760

Analogous

#834087

#874043

#874067

Triadic

#874067

#678740

#406787

Split Complementary

#874067

#438740

#408783

Tetradic

#874067

#878340

#408760

#404387

Color Blindness Simulation

Original

#874067

Protanopia

#68685E

Deuteranopia

#6C725B

Tritanopia

#835654

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CFDD
300
#D8ACC4
400
#C27FA4
500
#AD5284
600
#8A426A
700
#6F3455
800
#572942
900
#402132
950
#281520

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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