Hex Color #804455 - Custom Color

Color Codes

HEX

#804455

RGB

rgb(128, 68, 85)

HSL

hsl(343, 31%, 38%)

CMYK

cmyk(0%, 47%, 34%, 50%)

HSV

hsv(343, 47%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7F4372 #7F4354 #7F5043

Triadic

#7F4354 #547F43 #43547F

Split Complementary

#7F4354 #437F50 #43727F

Tetradic (Square)

#7F4354 #727F43 #437F6E #50437F

Complementary

#804455 #437F6E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.30:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.88: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: #804455;

color: #804455;

border-color: #804455;

}

Tailwind CSS (with arbitrary values)

bg-[#804455]

text-[#804455]

border-[#804455]

// Example usage: