#900756

#900756

Color Values

HEX

#900756

RGB

144, 7, 86

HSL

325.4, 90.7%, 29.6%

HSV

325.4, 95.1%, 56.5%

CMYK

0.0%, 95.1%, 40.3%, 43.5%

OKLCH

0.4302 0.1727 354.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#900756

#079041

Analogous

#850790

#900712

#900756

Triadic

#900756

#569007

#075690

Split Complementary

#900756

#129007

#079085

Tetradic

#900756

#908507

#079041

#071290

Color Blindness Simulation

Original

#900756

Protanopia

#555343

Deuteranopia

#5D673E

Tritanopia

#893430

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBBE0
300
#F98ACA
400
#F64BAE
500
#F30C91
600
#C30974
700
#9C085D
800
#7A0649
900
#580937
950
#380622

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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