#904889

#904889

Color Values

HEX

#904889

RGB

144, 72, 137

HSL

305.8, 33.3%, 42.4%

HSV

305.8, 50.0%, 56.5%

CMYK

0.0%, 50.0%, 4.9%, 43.5%

OKLCH

0.5146 0.129 331.0

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#904889

#48904F

Analogous

#734890

#904865

#904889

Triadic

#904889

#899048

#488990

Split Complementary

#904889

#659048

#489073

Tetradic

#904889

#907348

#48904F

#486590

Color Blindness Simulation

Original

#904889

Protanopia

#717079

Deuteranopia

#757A75

Tritanopia

#8C6D6A

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E7CFE5
300
#D6ADD2
400
#C081BA
500
#AA55A2
600
#884481
700
#6D3668
800
#552B51
900
#3F223C
950
#281526

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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