Hex Color #8C6955 - Custom Color

Color Codes

HEX

#8C6955

RGB

rgb(140, 105, 85)

HSL

hsl(22, 24%, 44%)

CMYK

cmyk(0%, 25%, 39%, 45%)

HSV

hsv(22, 39%, 55%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8B555C #8B6955 #8B8455

Triadic

#8B6955 #558B69 #69558B

Split Complementary

#8B6955 #558B84 #555C8B

Tetradic (Square)

#8B6955 #5C8B55 #55778B #84558B

Complementary

#8C6955 #55778B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.92:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.27: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: #8C6955;

color: #8C6955;

border-color: #8C6955;

}

Tailwind CSS (with arbitrary values)

bg-[#8C6955]

text-[#8C6955]

border-[#8C6955]

// Example usage: