#901562

#901562

Color Values

HEX

#901562

RGB

144, 21, 98

HSL

322.4, 74.5%, 32.4%

HSV

322.4, 85.4%, 56.5%

CMYK

0.0%, 85.4%, 31.9%, 43.5%

OKLCH

0.4415 0.1701 348.7

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#901562

#159043

Analogous

#811590

#901525

#901562

Triadic

#901562

#629015

#156290

Split Complementary

#901562

#259015

#159081

Tetradic

#901562

#908115

#159043

#152590

Color Blindness Simulation

Original

#901562

Protanopia

#5B5A4F

Deuteranopia

#626B4B

Tritanopia

#8A413D

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F8E2F0
200
#F6C1E2
300
#EF94CD
400
#E75AB2
500
#DE2198
600
#B21A79
700
#8E1561
800
#6F104C
900
#511039
950
#330A24

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026