Cor Amarelo-pastel: código #FDFD96

Amarelo-pastel

#FDFD96

Códigos da cor

  • HEX#FDFD96
  • RGBrgb(253, 253, 150)
  • HSLhsl(60, 96%, 79%)
  • HSVhsv(60, 41%, 99%)
  • CMYKcmyk(0%, 0%, 41%, 1%)
  • LABlab(97.4% -14.3 49.2)
  • OKLCHoklch(97.2% 0.126 108.5)

Sobre a cor Amarelo-pastel

Amarelo-pastel tem o código HEX #FDFD96, que corresponde a rgb(253, 253, 150) no modelo RGB. No círculo cromático, seu matiz fica em 60°, com 96% de saturação e 79% de luminosidade (hsl(60, 96%, 79%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 19,66:1 sobre ela, contra 1,06:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 0%, 41%, 1%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Amarelo-pastel

Complementar

#FDFD96 · #9696FD

Análoga

#FDC996 · #FDFD96 · #C9FD96

Tríade

#FDFD96 · #96FDFD · #FD96FD

Tetrádica

#FDFD96 · #96FDC9 · #9696FD · #FD96C9

Complementar dividida

#FDFD96 · #96C9FD · #C996FD

Monocromática

#FAFA19 · #FCFC64 · #FDFD96 · #FEFEE1 · #FFFFFF

Amarelo-pastel com texto branco e preto

Texto branco Aa Bb Cc 123
1,06:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
19,66:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-pastel-yellow: #FDFD96;
  --color-pastel-yellow-rgb: 253, 253, 150;
}

.elemento {
  background-color: var(--color-pastel-yellow);
  color: #000000;
}