Color Amarillo pastel: código #FDFD96

Amarillo pastel

#FDFD96

Códigos del color

  • 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 el color Amarillo pastel

Amarillo pastel tiene el código HEX #FDFD96, que corresponde a rgb(253, 253, 150) en el modelo RGB. En el círculo cromático, su tono está en 60°, con 96% de saturación y 79% de luminosidad (hsl(60, 96%, 79%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 19,66:1 sobre él, frente a 1,06:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 0%, 41%, 1%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Amarillo pastel

Complementaria

#FDFD96 · #9696FD

Análoga

#FDC996 · #FDFD96 · #C9FD96

Tríada

#FDFD96 · #96FDFD · #FD96FD

Tetrádica

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

Complementaria dividida

#FDFD96 · #96C9FD · #C996FD

Monocromática

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

Amarillo pastel con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,06:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
19,66:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

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

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