Hex Color #886C17 - Custom Color

Color Codes

HEX

#886C17

RGB

rgb(136, 108, 23)

HSL

hsl(45, 71%, 31%)

CMYK

cmyk(0%, 21%, 83%, 47%)

HSV

hsv(45, 83%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#873317 #876B17 #6B8717

Triadic

#876B17 #17876B #6B1787

Split Complementary

#876B17 #176B87 #331787

Tetradic (Square)

#876B17 #178733 #173387 #87176B

Complementary

#886C17 #173387

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.99:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.20: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: #886C17;

color: #886C17;

border-color: #886C17;

}

Tailwind CSS (with arbitrary values)

bg-[#886C17]

text-[#886C17]

border-[#886C17]

// Example usage: