clay Color Codes
Color Preview
Clay Color Values
Related Colors
Complementary
#6489ac
Analogous
hsl(59, 30%, 47%)
hsl(359, 30%, 47%)
Triadic
hsl(149, 30%, 47%)
hsl(269, 30%, 47%)
Tetradic
hsl(119, 30%, 47%)
hsl(209, 30%, 47%)
hsl(299, 30%, 47%)
HTML Snippets
.element { background-color: #9B7653; }.element { color: #9B7653; }This is how the text color would appear.
<span style="color: #9B7653;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black5.11 (AA)
White4.11 (AA Large)
Shades of Clay
hsl(29, 30%, 17%)
hsl(29, 30%, 32%)
#9B7653
hsl(29, 30%, 62%)
hsl(29, 30%, 77%)
Color Blindness Simulations
Protanopia (Red-Blind)
#8b8b64
Deuteranopia (Green-Blind)
#8d9069
Tritanopia (Blue-Blind)
#998688
Related Palettes
About clay
clay (#9B7653) 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.