Hex Color #847784 - Custom Color

Color Codes

HEX

#847784

RGB

rgb(132, 119, 132)

HSL

hsl(300, 5%, 49%)

CMYK

cmyk(0%, 10%, 0%, 48%)

HSV

hsv(300, 10%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7D7783 #837783 #83777D

Triadic

#837783 #838377 #778383

Split Complementary

#837783 #7D8377 #77837D

Tetradic (Square)

#837783 #837D77 #778377 #777D83

Complementary

#847784 #778377

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.24:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.95:1

Pass - 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: #847784;

color: #847784;

border-color: #847784;

}

Tailwind CSS (with arbitrary values)

bg-[#847784]

text-[#847784]

border-[#847784]

// Example usage: