Hex Color #732849 - Custom Color

Color Codes

HEX

#732849

RGB

rgb(115, 40, 73)

HSL

hsl(334, 48%, 30%)

CMYK

cmyk(0%, 65%, 37%, 55%)

HSV

hsv(334, 65%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#71286C #712848 #712D28

Triadic

#712848 #487128 #284871

Split Complementary

#712848 #28712D #286C71

Tetradic (Square)

#712848 #6C7128 #287151 #2D2871

Complementary

#732849 #287151

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.87:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.13: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: #732849;

color: #732849;

border-color: #732849;

}

Tailwind CSS (with arbitrary values)

bg-[#732849]

text-[#732849]

border-[#732849]

// Example usage: