Color Naranja oscuro: código #FF8C00

Naranja oscuro

#FF8C00

Códigos del color

  • HEX#FF8C00
  • RGBrgb(255, 140, 0)
  • HSLhsl(33, 100%, 50%)
  • HSVhsv(33, 100%, 100%)
  • CMYKcmyk(0%, 45%, 100%, 0%)
  • LABlab(69.5% 36.8 75.5)
  • OKLCHoklch(75.1% 0.179 58.3)

Sobre el color Naranja oscuro

Naranja oscuro tiene el código HEX #FF8C00, que corresponde a rgb(255, 140, 0) en el modelo RGB. En el círculo cromático, su tono está en 33°, con 100% de saturación y 50% de luminosidad (hsl(33, 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 9,00:1 sobre él, frente a 2,33:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 45%, 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 Naranja oscuro

Complementaria

#FF8C00 · #0073FF

Análoga

#FF0D00 · #FF8C00 · #F2FF00

Tríada

#FF8C00 · #00FF8C · #8C00FF

Tetrádica

#FF8C00 · #00FF0D · #0073FF · #FF00F2

Complementaria dividida

#FF8C00 · #00F2FF · #0D00FF

Monocromática

#804600 · #CC7000 · #FF8C00 · #FFAF4D · #FFD199

Naranja oscuro con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,33:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
9,00:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-dark-orange: #FF8C00;
  --color-dark-orange-rgb: 255, 140, 0;
}

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