Ir al selector de color

Color Naranja oscuro: #ff8c00

Naranja oscuro es #ff8c00, rgb(255, 140, 0) en RGB y oklch(75.054% 0.17911 58.283) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

33°
100 %

75,1 %
0,179
58°
  • Naranja
  • Claro
  • Intenso
  • Cálido
  • orange-400
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.33:1Difícil de leer
Lc -50
Texto negro
9.00:1Legible · AA
Lc 59

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Dark orange

Paletas con Naranja oscuro

Colores con nombre parecidos

Preguntas sobre Naranja oscuro

¿Cuál es el código HEX de Naranja oscuro?

El código HEX de Naranja oscuro es #ff8c00. En RGB es rgb(255, 140, 0), en HSL hsl(32.94, 100%, 50%) y en OKLCH oklch(75.054% 0.17911 58.283).

¿Qué colores combinan con Naranja oscuro?

Su color complementario es #00baff. Para un resultado más tranquilo, combínalo con los colores análogos #ff7c6c y #dba500. En esta página tienes paletas listas con Naranja oscuro.

¿Naranja oscuro es un color cálido o frío?

Naranja oscuro es un color cálido con un matiz OKLCH de 58 grados.

¿Qué color de texto se lee bien sobre Naranja oscuro?

Sobre Naranja oscuro se lee mejor el texto negro: el blanco da una relación de contraste de 2.33:1 y el negro de 9:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #ff8c00

#ff8c00 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 75,1 %, un croma de 0.179 y un matiz de 58°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.33:1 y el negro 9:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Naranja oscuro (#ff8c00). En Tailwind CSS el más cercano es orange-400.

Más tonos de naranja: claro

Más claro: #ff8c00 mezclado con blanco

  1. ff8c00

Más oscuro: #ff8c00 mezclado con negro

  1. ff8c00

Más sobrio: #ff8c00 con menos saturación

  1. ff8c00

Colores con nombre parecidos

Colores que combinan con #ff8c00

Complementaria
#ff8c00
Análoga
#ff8c00
Triádica
#ff8c00
Dividida
#ff8c00