#884285

#884285

Color Values

HEX

#884285

RGB

136, 66, 133

HSL

302.6, 34.7%, 39.6%

HSV

302.6, 51.5%, 53.3%

CMYK

0.0%, 51.5%, 2.2%, 46.7%

OKLCH

0.493 0.13 328.9

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#884285

#428845

Analogous

#684288

#884262

#884285

Triadic

#884285

#858842

#428588

Split Complementary

#884285

#628842

#428868

Tetradic

#884285

#886842

#428845

#426288

Color Blindness Simulation

Original

#884285

Protanopia

#6A6975

Deuteranopia

#6E7371

Tritanopia

#846865

Achromatopsia

#565656

CSS Usage

background-color: #884285;
color: #884285;
border-color: #884285;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F2E8F2
200
#E8CFE7
300
#D7ADD5
400
#C180BF
500
#AC53A8
600
#894386
700
#6E356B
800
#562A54
900
#40213E
950
#281527

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

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