Hex Color #848225 - Custom Color

Color Codes

HEX

#848225

RGB

rgb(132, 130, 37)

HSL

hsl(59, 56%, 33%)

CMYK

cmyk(0%, 2%, 72%, 48%)

HSV

hsv(59, 72%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#835325 #838225 #568325

Triadic

#838225 #258382 #822583

Split Complementary

#838225 #255683 #532583

Tetradic (Square)

#838225 #258353 #252783 #832556

Complementary

#848225 #252783

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.20: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: #848225;

color: #848225;

border-color: #848225;

}

Tailwind CSS (with arbitrary values)

bg-[#848225]

text-[#848225]

border-[#848225]

// Example usage: