Color #f7a485: Intenso tono claro de naranja
#f7a485 es rgb(247, 164, 133) en RGB y oklch(79.335% 0.10797 41.247) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.
Interpretado como HEX
- Ctrl Vpega un color en cualquier sitio
- Espaciocolor aleatorio
- Ccopiar HEX
- Naranja
- Claro
- Intenso
- Cálido
- ≈ Tostado
- red-300
- Negro 3 %
Dentro de sRGB: se ve igual en cualquier pantalla.
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.
Sobre #f7a485
#f7a485 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 79,3 %, un croma de 0.108 y un matiz de 41°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 1.98:1 y el negro 10.6:1, así que se lee mejor el texto negro.
El color con nombre más cercano es Tostado (#d2b48c). En Tailwind CSS el más cercano es red-300.
Más claro: #f7a485 mezclado con blanco
Más oscuro: #f7a485 mezclado con negro
Más sobrio: #f7a485 con menos saturación
Colores con nombre parecidos
Colores que combinan con #f7a485
Preguntas sobre #f7a485
¿Qué color es #f7a485?
#f7a485 es un intenso tono claro de naranja. El color con nombre más cercano es Intenso tono claro de naranja. En RGB es rgb(247, 164, 133), en HSL hsl(16.32, 87.69%, 74.51%) y en OKLCH oklch(79.335% 0.10797 41.247).
¿Qué colores combinan con #f7a485?
El color complementario de #f7a485 es #61cbed. Para una combinación más tranquila, usa los colores análogos #f89eaa y #e7b06b. Los colores de la tríada son #78d1a5 y #afb3ff.
¿Se lee mejor el texto blanco o el negro sobre #f7a485?
Sobre #f7a485 se lee mejor el texto negro: el blanco da una relación de contraste de 1.98:1 y el negro de 10.6:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#f7a485 es un color cálido o frío?
#f7a485 es un color cálido. En OKLCH su matiz es de 41 grados, su luminosidad 79,3 % y su croma 0.108.