Código da Cor Floral White (#fffaf0)

Floral White é #fffaf0 em hexadecimal e rgb(255, 250, 240), um laranja muito claro. Abaixo você encontra todos os formatos da cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Floral White
#fffaf0
Nome CSSfloralwhite
Hex#fffaf0
RGBrgb(255, 250, 240)
HSLhsl(40 100% 97%)
HWBhwb(40 94% 0%)
CMYK0%, 2%, 6%, 0%

Tons e sombras

Harmonias de cores

Sobre a Floral White

Floral White (floralwhite) é um laranja muito claro e vibrante, com o código hexadecimal #fffaf0, ou rgb(255, 250, 240). Em HSL, ela tem matiz de 40°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: floralwhite; no lugar do valor hex.

Usando Floral White em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Floral White sobre branco1.04 : 1reprova
Texto Floral White sobre preto20.18 : 1AAA

Sobre um fundo Floral White, use texto em preto (20.18 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: floralwhite;               /* or #fffaf0 */
  background-color: #fffaf0;
  border: 1px solid rgb(255 250 240 / 50%);
}

Nomes de cores semelhantes

Marfim (#fffff0), Concha (#fff5ee), Neve (#fffafa), Rubor de Lavanda (#fff0f5), Renda Antiga (#fdf5e6), Fumaça Branca (#f5f5f5).

Perguntas frequentes

Qual é o código hex da Floral White?
#fffaf0, que equivale a rgb(255, 250, 240) e hsl(40, 100%, 97%). No CSS você também pode escrever apenas floralwhite.
O texto Floral White é legível sobre branco?
Não. A razão de contraste sobre branco é 1.04 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com a Floral White?
Sua cor complementar é #f0f5ff. As cores análogas #fff2f0 e #fcfff0 ficam ao lado dela no círculo cromático.