Hex Color #868048 - Custom Color

Color Codes

HEX

#868048

RGB

rgb(134, 128, 72)

HSL

hsl(54, 30%, 40%)

CMYK

cmyk(0%, 4%, 46%, 47%)

HSV

hsv(54, 46%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#856047 #857E47 #6C8547

Triadic

#857E47 #47857E #7E4785

Split Complementary

#857E47 #476C85 #604785

Tetradic (Square)

#857E47 #478560 #474E85 #85476C

Complementary

#868048 #474E85

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.04:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.19: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: #868048;

color: #868048;

border-color: #868048;

}

Tailwind CSS (with arbitrary values)

bg-[#868048]

text-[#868048]

border-[#868048]

// Example usage: