Código da Cor Mocassim (#ffe4b5)

Mocassim é #ffe4b5 em hex e rgb(255, 228, 181) — um laranja muito claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Mocassim
#ffe4b5
Nome CSSmoccasin
Hex#ffe4b5
RGBrgb(255, 228, 181)
HSLhsl(38 100% 85%)
HWBhwb(38 71% 0%)
CMYK0%, 11%, 29%, 0%

Tons e sombras

Harmonias de cores

Sobre a Mocassim

Mocassim (moccasin) é um laranja muito claro e vibrante, com o código hex #ffe4b5, ou rgb(255, 228, 181). Em HSL, fica com matiz de 38°, 100% de saturação e 85% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: moccasin; em vez do valor hex.

Usando a Mocassim em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto mocassim no branco1.23 : 1reprovado
Texto mocassim no preto17.02 : 1AAA

Em um fundo mocassim, use texto em preto (17.02 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: moccasin;               /* or #ffe4b5 */
  background-color: #ffe4b5;
  border: 1px solid rgb(255 228 181 / 50%);
}

Cores nomeadas semelhantes

Branco Navajo (#ffdead), Pêssego Claro (#ffdab9), Trigo (#f5deb3), Bisque (#ffe4c4), Goldenrod Pálido (#eee8aa), Amêndoa Branqueada (#ffebcd).

Perguntas frequentes

Qual é o código hex da mocassim?
#ffe4b5 — isso equivale a rgb(255, 228, 181) e hsl(38, 100%, 85%). No CSS você também pode escrever simplesmente moccasin.
A mocassim é legível em fundo branco?
A razão de contraste dela sobre o branco é 1.23 : 1, o que reprova no WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com a mocassim?
A cor complementar dela é #b3cfff; as cores análogas #ffbdb3 e #f5ffb3 ficam ao lado dela no círculo cromático.