Coloried

Clay

Clay color is a soft shade of muted brown. Its hex code is #B66A50 and rgb code is rgb(182, 106, 80), Its CMYK value is cmyk(0%, 42%, 56%, 29%), and Its HSL value is hsl(15, 41%, 51%). Against white, it has contrast ratio of 4.06:1, while against black, the contrast ratio is 5.17:1. Its complementary color is #4F9CB5 and closest tailwind color is stone-500. This color goes well with #4C4120, #4C202B, #160C09, #2F6F5F, and #2F3F6F. To get this Clay color, you can mix #FF0000 and #6DD4A0.

Clay color code
|
1. Color Conversions
HEX#B66A50
RGB182, 106, 80
HSL15°, 41%, 51%
HSV15°, 41%, 71%
CMYK0%, 42%, 56%, 29%
Web Safe#CC6666
2. Contrast Ratio
Text on #FFFFFF4.06:1
AAA LargeFail Normal
Text on #0000005.17:1
AAA LargeAAA Normal
3. Clay Color Code in CSS
HEX
#B66A50
RGB
rgb(182, 106, 80)
HSL
hsl(15, 41%, 51%)
Text Color
color: #B66A50;
Background
background-color: #B66A50;
Border Color
border-color: #B66A50;
Box Shadow
box-shadow: 0 4px 14px 0 #B66A5080;
SCSS
$color-clay: #B66A50;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#959456
Deuteranopia#9A9F58
Tritanopia#B25B5C
Achromatopsia#7E7E7E
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive