Color #f5a264: Intenso tono claro de naranja
#f5a264 es rgb(245, 162, 100) en RGB y oklch(78.213% 0.12592 56.389) 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
- ≈ Naranja
- orange-300
- Negro 4 %
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 #f5a264
#f5a264 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 78,2 %, un croma de 0.126 y un matiz de 56°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 2.05:1 y el negro 10.23:1, así que se lee mejor el texto negro.
El color con nombre más cercano es Naranja (#ffa500). En Tailwind CSS el más cercano es orange-300.
Más claro: #f5a264 mezclado con blanco
Más oscuro: #f5a264 mezclado con negro
Más sobrio: #f5a264 con menos saturación
Colores con nombre parecidos
Colores que combinan con #f5a264
Preguntas sobre #f5a264
¿Qué color es #f5a264?
#f5a264 es un intenso tono claro de naranja. El color con nombre más cercano es Intenso tono claro de naranja. En RGB es rgb(245, 162, 100), en HSL hsl(25.66, 87.88%, 67.65%) y en OKLCH oklch(78.213% 0.12592 56.389).
¿Qué colores combinan con #f5a264?
El color complementario de #f5a264 es #5ec4fe. Para una combinación más tranquila, usa los colores análogos #ff978d y #dbb24f. Los colores de la tríada son #46d2b6 y #c0a7ff.
¿Se lee mejor el texto blanco o el negro sobre #f5a264?
Sobre #f5a264 se lee mejor el texto negro: el blanco da una relación de contraste de 2.05:1 y el negro de 10.23:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#f5a264 es un color cálido o frío?
#f5a264 es un color cálido. En OKLCH su matiz es de 56 grados, su luminosidad 78,2 % y su croma 0.126.