Ir al selector de color

Color Calabaza: #ff7518

Calabaza es #ff7518, rgb(255, 117, 24) en RGB y oklch(71.642% 0.19063 47.137) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

24°
100 %

71,6 %
0,191
47°
  • Naranja
  • Claro
  • Intenso
  • Cálido
  • orange-500
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.69:1Difícil de leer
Lc -57
Texto negro
7.81:1Legible · AA
Lc 53

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: Pumpkin

Paletas con Calabaza

Colores con nombre parecidos

Preguntas sobre Calabaza

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

El código HEX de Calabaza es #ff7518. En RGB es rgb(255, 117, 24), en HSL hsl(24.16, 100%, 54.71%) y en OKLCH oklch(71.642% 0.19063 47.137).

¿Qué colores combinan con Calabaza?

Su color complementario es #00b5f1. Para un resultado más tranquilo, combínalo con los colores análogos #ff6777 y #dd9200. En esta página tienes paletas listas con Calabaza.

¿Calabaza es un color cálido o frío?

Calabaza es un color cálido con un matiz OKLCH de 47 grados.

¿Qué color de texto se lee bien sobre Calabaza?

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

Sobre #ff7518

#ff7518 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 71,6 %, un croma de 0.191 y un matiz de 47°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Calabaza (#ff7518). En Tailwind CSS el más cercano es orange-500.

Más tonos de naranja: claro

Más claro: #ff7518 mezclado con blanco

  1. ff7518

Más oscuro: #ff7518 mezclado con negro

  1. ff7518

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

  1. ff7518

Colores con nombre parecidos

Colores que combinan con #ff7518

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