taupe Color Codes
Color Preview
Taupe Color Values
Related Colors
Complementary
#4c7492
Analogous
hsl(56, 32%, 56%)
hsl(356, 32%, 56%)
Triadic
hsl(146, 32%, 56%)
hsl(266, 32%, 56%)
Tetradic
hsl(116, 32%, 56%)
hsl(206, 32%, 56%)
hsl(296, 32%, 56%)
HTML Snippets
.element { background-color: #B38B6D; }.element { color: #B38B6D; }This is how the text color would appear.
<span style="color: #B38B6D;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black6.83 (AA)
White3.07 (AA Large)
Shades of Taupe
hsl(26, 32%, 26%)
hsl(26, 32%, 41%)
#B38B6D
hsl(26, 32%, 71%)
hsl(26, 32%, 86%)
Color Blindness Simulations
Protanopia (Red-Blind)
#a2a17e
Deuteranopia (Green-Blind)
#a4a782
Tritanopia (Blue-Blind)
#b19c9e
Related Palettes
About taupe
taupe (#B38B6D) 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.