Hex Color #846319 - Custom Color

Color Codes

HEX

#846319

RGB

rgb(132, 99, 25)

HSL

hsl(41, 68%, 31%)

CMYK

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

HSV

hsv(41, 81%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#852D19 #856319 #718519

Triadic

#856319 #198563 #631985

Split Complementary

#856319 #197185 #2D1985

Tetradic (Square)

#856319 #19852D #193B85 #851971

Complementary

#846319 #193B85

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.56:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.78: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: #846319;

color: #846319;

border-color: #846319;

}

Tailwind CSS (with arbitrary values)

bg-[#846319]

text-[#846319]

border-[#846319]

// Example usage: