Hex Color #771344 - Custom Color

Color Codes

HEX

#771344

RGB

rgb(119, 19, 68)

HSL

hsl(331, 72%, 27%)

CMYK

cmyk(0%, 84%, 43%, 53%)

HSV

hsv(331, 84%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#761375 #761343 #761513

Triadic

#761343 #437613 #134376

Split Complementary

#761343 #137615 #137576

Tetradic (Square)

#761343 #757613 #137647 #151376

Complementary

#771344 #137647

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.71:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.96: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: #771344;

color: #771344;

border-color: #771344;

}

Tailwind CSS (with arbitrary values)

bg-[#771344]

text-[#771344]

border-[#771344]

// Example usage: