Hex Color #AB3788 - Custom Color

Color Codes

HEX

#AB3788

RGB

rgb(171, 55, 136)

HSL

hsl(318, 51%, 44%)

CMYK

cmyk(0%, 68%, 20%, 33%)

HSV

hsv(318, 68%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9337A9 #A93787 #A9374E

Triadic

#A93787 #87A937 #3787A9

Split Complementary

#A93787 #4EA937 #37A993

Tetradic (Square)

#A93787 #A99337 #37A959 #374EA9

Complementary

#AB3788 #37A959

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.78:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.63: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: #AB3788;

color: #AB3788;

border-color: #AB3788;

}

Tailwind CSS (with arbitrary values)

bg-[#AB3788]

text-[#AB3788]

border-[#AB3788]

// Example usage: