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.