#ffe4b5
HEX
#ffe4b5 RGB
rgb(255, 228, 181) HSL
38°, 100%, 85% About Moccasin Color
Moccasin is a warm, peachy beige that feels soft and natural. It adds a cozy, handcrafted feel to artisan brands and lifestyle blogs.
Use Cases for Moccasin
artisan brandscraft blogslifestyle sitescozy themeshandmade shops
Shades & Tints of Moccasin
#ffffff
#fff8ed
#fff2da
#ffebc8
#ffe4b5
#bfab88
#80725b
#40392d
#000000
Complementary Color
#ffe4b5
#b3cfff
Analogous Colors
#ffbdb3
#ffe4b5
#f5ffb3
CSS Code
.moccasin-color {
color: #ffe4b5;
}Contrast Recommendations
Black text on Moccasin
Ratio: 17.02:1 ✓ Passes AA ✓ Passes AAA
White text on Moccasin
Ratio: 1.23:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Moccasin?
Moccasin is represented by the hex code #ffe4b5 and has RGB values of rgb(255, 228, 181). It falls under the Orange category.
How to use Moccasin in web design?
Moccasin works well for artisan brands, craft blogs, lifestyle sites. Moccasin is a warm, peachy beige that feels soft and natural. It adds a cozy, handcrafted feel to artisan brands and lifestyle blogs. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Moccasin?
Colors that pair well with Moccasin include bisque, blanchedalmond, wheat, peachpuff, navajowhite. For a complementary scheme, try #b3cfff. For an analogous scheme, use #ffbdb3 and #f5ffb3.