#884F69

#884F69

Color Values

HEX

#884F69

RGB

136, 79, 105

HSL

332.6, 26.5%, 42.2%

HSV

332.6, 41.9%, 53.3%

CMYK

0.0%, 41.9%, 22.8%, 46.7%

OKLCH

0.502 0.0836 351.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#884F69

#4F886E

Analogous

#884F86

#88524F

#884F69

Triadic

#884F69

#69884F

#4F6988

Split Complementary

#884F69

#4F8852

#4F8688

Tetradic

#884F69

#86884F

#4F886E

#524F88

Color Blindness Simulation

Original

#884F69

Protanopia

#6F6F63

Deuteranopia

#737761

Tritanopia

#855E5D

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DA
300
#D2B2C0
400
#BA889E
500
#A15E7D
600
#814B64
700
#673C50
800
#512F3E
900
#3C252F
950
#26171E

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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