Hex Color #901459 - Custom Color

Color Codes

HEX

#901459

RGB

rgb(144, 20, 89)

HSL

hsl(327, 76%, 32%)

CMYK

cmyk(0%, 86%, 38%, 44%)

HSV

hsv(327, 86%, 56%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#891490 #901458 #90141A

Triadic

#901458 #589014 #145890

Split Complementary

#901458 #1A9014 #149089

Tetradic (Square)

#901458 #908914 #14904B #141A90

Complementary

#901459 #14904B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.64:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.43:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #901459;

color: #901459;

border-color: #901459;

}

Tailwind CSS (with arbitrary values)

bg-[#901459]

text-[#901459]

border-[#901459]

// Example usage: