brown Color Codes

Color Preview: Brown
Brown Color Values
Related Colors

Complementary

#5ad5d5

Analogous

#a6692b
#a62b69

Triadic

#2ba62b
#2b2ba6

Tetradic

#69a62b
#2ba6a6
#692ba6
HTML Snippets
.element { background-color: #A52A2A; }
.element { color: #A52A2A; }

This is how the text color would appear.

<span style="color: #A52A2A;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black2.96 (Fail)
White7.08 (AAA)
Shades of Brown
#2d0c0c
#691b1b
#A52A2A
#d14d4d
#e18989
Color Blindness Simulations

Protanopia (Red-Blind)

#706f48

Deuteranopia (Green-Blind)

#77804f

Tritanopia (Blue-Blind)

#9f5f64

Related Palettes

This color is not part of any predefined palettes.

About brown

brown (#A52A2A) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.