Moccasin hex code
The hex code for moccasin is #FFE4B5. In RGB that is rgb(255, 228, 181) and in HSL it is hsl(38, 100%, 85%).
The hex code for moccasin is #FFE4B5. In RGB that is rgb(255, 228, 181) and in HSL it is hsl(38, 100%, 85%).
Moccasin · #FFE4B5
Colour codes
- HEX
- #FFE4B5
- RGB
- rgb(255, 228, 181)
- HSL
- hsl(38, 100%, 85%)
- CMYK
- 0, 11, 29, 0
- CSS name
- moccasin
- Contrast on white
- 1.23:1
- Contrast on black
- 17.02:1
Tints and shades
20% lighter · #ffe9c4
40% lighter · #ffefd3
60% lighter · #fff4e1
80% lighter · #fffaf0
20% darker · #ccb691
40% darker · #99896d
60% darker · #665b48
80% darker · #332e24
Complementary colour
Moccasin · #FFE4B5
Opposite on the colour wheel · #b3cfff
Frequently asked questions
What is the hex code for moccasin?
The hex code for moccasin is #FFE4B5. In RGB that is rgb(255, 228, 181) and in HSL it is hsl(38, 100%, 85%).
Can I use moccasin for text?
It has a contrast ratio of 1.23:1 on white and 17.02:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with moccasin?
Its complementary colour, opposite on the colour wheel, is #B3CFFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of moccasin instead.
Is moccasin a CSS colour name?
Yes. CSS accepts the keyword moccasin, so color: moccasin and color: #FFE4B5 render exactly the same.