#884366

#884366

Color Values

HEX

#884366

RGB

136, 67, 102

HSL

329.6, 34.0%, 39.8%

HSV

329.6, 50.7%, 53.3%

CMYK

0.0%, 50.7%, 25.0%, 46.7%

OKLCH

0.4808 0.1034 350.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#884366

#438865

Analogous

#884388

#884343

#884366

Triadic

#884366

#668843

#436688

Split Complementary

#884366

#438843

#438888

Tetradic

#884366

#888843

#438865

#434388

Color Blindness Simulation

Original

#884366

Protanopia

#6A6A5E

Deuteranopia

#6E735B

Tritanopia

#855755

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E7CFDB
300
#D7ADC2
400
#C181A1
500
#AB5480
600
#894366
700
#6D3652
800
#552A40
900
#3F2231
950
#28151F

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026