Hex Color #85647E - Custom Color

Color Codes

HEX

#85647E

RGB

rgb(133, 100, 126)

HSL

hsl(313, 14%, 46%)

CMYK

cmyk(0%, 25%, 5%, 48%)

HSV

hsv(313, 25%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7C6586 #86657F #86656E

Triadic

#86657F #7F8665 #657F86

Split Complementary

#86657F #6E8665 #65867C

Tetradic (Square)

#86657F #867C65 #65866C #656E86

Complementary

#85647E #65866C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.10:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.12: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: #85647E;

color: #85647E;

border-color: #85647E;

}

Tailwind CSS (with arbitrary values)

bg-[#85647E]

text-[#85647E]

border-[#85647E]

// Example usage: