#900553

#900553

Color Values

HEX

#900553

RGB

144, 5, 83

HSL

326.3, 93.3%, 29.2%

HSV

326.3, 96.5%, 56.5%

CMYK

0.0%, 96.5%, 42.4%, 43.5%

OKLCH

0.4283 0.1724 355.6

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#900553

#059042

Analogous

#870590

#90050E

#900553

Triadic

#900553

#539005

#055390

Split Complementary

#900553

#0E9005

#059087

Tetradic

#900553

#908705

#059042

#050E90

Color Blindness Simulation

Original

#900553

Protanopia

#545340

Deuteranopia

#5C663C

Tritanopia

#89312E

Achromatopsia

#282828

CSS Usage

background-color: #900553;
color: #900553;
border-color: #900553;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBADF
300
#FB89C9
400
#F949AC
500
#F6098E
600
#C50772
700
#9E055B
800
#7B0447
900
#590835
950
#380522

Contrast Checker

Text on white

9.0:1

AA Pass AAA Pass

Text on black

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