#904569

#904569

Color Values

HEX

#904569

RGB

144, 69, 105

HSL

331.2, 35.2%, 41.8%

HSV

331.2, 52.1%, 56.5%

CMYK

0.0%, 52.1%, 27.1%, 43.5%

OKLCH

0.4965 0.1099 351.8

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#904569

#45906C

Analogous

#90458F

#904745

#904569

Triadic

#904569

#699045

#456990

Split Complementary

#904569

#459047

#458F90

Tetradic

#904569

#8F9045

#45906C

#474590

Color Blindness Simulation

Original

#904569

Protanopia

#706F60

Deuteranopia

#747A5E

Tritanopia

#8C5958

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E8CFDB
300
#D7ACC1
400
#C27F9F
500
#AC537E
600
#8A4265
700
#6E3550
800
#56293F
900
#402130
950
#28151E

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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