Ir al selector de color

Color Coral: #ff7f50

Coral es #ff7f50, rgb(255, 127, 80) en RGB y oklch(73.511% 0.16799 40.247) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

16°
100 %

73,5 %
0,168
40°
  • Naranja
  • Claro
  • Intenso
  • Cálido
  • orange-400
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.50:1Difícil de leer
Lc -54
Texto negro
8.40:1Legible · AA
Lc 56

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.

Paletas con Coral

Colores con nombre parecidos

Preguntas sobre Coral

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

El código HEX de Coral es #ff7f50. En RGB es rgb(255, 127, 80), en HSL hsl(16.11, 100%, 65.69%) y en OKLCH oklch(73.511% 0.16799 40.247).

¿Qué colores combinan con Coral?

Su color complementario es #00beec. Para un resultado más tranquilo, combínalo con los colores análogos #ff7690 y #eb9300. En esta página tienes paletas listas con Coral.

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

Coral es un color cálido con un matiz OKLCH de 40 grados.

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

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

Sobre #ff7f50

#ff7f50 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 73,5 %, un croma de 0.168 y un matiz de 40°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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

Más tonos de naranja: claro

Más claro: #ff7f50 mezclado con blanco

  1. ff7f50

Más oscuro: #ff7f50 mezclado con negro

  1. ff7f50

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

  1. ff7f50

Colores con nombre parecidos

Colores que combinan con #ff7f50

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