Color Amarillo oro: código #FFDF00

Amarillo oro

#FFDF00

Códigos del color

  • HEX#FFDF00
  • RGBrgb(255, 223, 0)
  • HSLhsl(52, 100%, 50%)
  • HSVhsv(52, 100%, 100%)
  • CMYKcmyk(0%, 13%, 100%, 0%)
  • LABlab(88.9% -6 88.6)
  • OKLCHoklch(90.3% 0.187 98.7)

Sobre el color Amarillo oro

Amarillo oro tiene el código HEX #FFDF00, que corresponde a rgb(255, 223, 0) en el modelo RGB. En el círculo cromático, su tono está en 52°, con 100% de saturación y 50% de luminosidad (hsl(52, 100%, 50%)).

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 15,80:1 sobre él, frente a 1,32:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 13%, 100%, 0%). 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 oro

Complementaria

#FFDF00 · #0022FF

Análoga

#FF5E00 · #FFDF00 · #A2FF00

Tríada

#FFDF00 · #00FFDD · #DD00FF

Tetrádica

#FFDF00 · #00FF5E · #0022FF · #FF00A2

Complementaria dividida

#FFDF00 · #00A2FF · #5D00FF

Monocromática

#806F00 · #CCB100 · #FFDF00 · #FFE74D · #FFF199

Amarillo oro con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,32:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
15,80:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-golden-yellow: #FFDF00;
  --color-golden-yellow-rgb: 255, 223, 0;
}

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