Color Vainilla: código #F3E5AB

Vainilla

#F3E5AB

Códigos del color

  • HEX#F3E5AB
  • RGBrgb(243, 229, 171)
  • HSLhsl(48, 75%, 81%)
  • HSVhsv(48, 30%, 95%)
  • CMYKcmyk(0%, 6%, 30%, 5%)
  • LABlab(90.8% -3.8 30.1)
  • OKLCHoklch(91.9% 0.076 96.2)

Sobre el color Vainilla

Vainilla tiene el código HEX #F3E5AB, que corresponde a rgb(243, 229, 171) en el modelo RGB. En el círculo cromático, su tono está en 48°, con 75% de saturación y 81% de luminosidad (hsl(48, 75%, 81%)).

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 16,60:1 sobre él, frente a 1,26:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 6%, 30%, 5%). 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 Vainilla

Complementaria

#F3E5AB · #AAB9F3

Análoga

#F3C0AA · #F3E5AB · #DDF3AA

Tríada

#F3E5AB · #AAF3E4 · #E4AAF3

Tetrádica

#F3E5AB · #AAF3C0 · #AAB9F3 · #F3AADD

Complementaria dividida

#F3E5AB · #AADDF3 · #C0AAF3

Monocromática

#E3C13B · #EDD67E · #F3E5AB · #FCF9ED · #FFFFFF

Vainilla con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,26:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
16,60:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-vanilla: #F3E5AB;
  --color-vanilla-rgb: 243, 229, 171;
}

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