Color #f89757: Intenso tono claro de naranja
#f89757 es rgb(248, 151, 87) en RGB y oklch(76.499% 0.14108 52.475) 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 oscuro
- orange-400
- 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
Abrir como paletaRecientes
Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.
Sobre #f89757
#f89757 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 76,5 %, un croma de 0.141 y un matiz de 52°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 2.2:1 y el negro 9.56: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 claro: #f89757 mezclado con blanco
Más oscuro: #f89757 mezclado con negro
Más sobrio: #f89757 con menos saturación
Colores con nombre parecidos
Colores que combinan con #f89757
Preguntas sobre #f89757
¿Qué color es #f89757?
#f89757 es un intenso tono claro de naranja. El color con nombre más cercano es Intenso tono claro de naranja. En RGB es rgb(248, 151, 87), en HSL hsl(23.85, 92%, 65.69%) y en OKLCH oklch(76.499% 0.14108 52.475).
¿Qué colores combinan con #f89757?
El color complementario de #f89757 es #39c1fd. Para una combinación más tranquila, usa los colores análogos #ff8c89 y #dea934. Los colores de la tríada son #25cfa9 y #b6a1ff.
¿Se lee mejor el texto blanco o el negro sobre #f89757?
Sobre #f89757 se lee mejor el texto negro: el blanco da una relación de contraste de 2.2:1 y el negro de 9.56:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#f89757 es un color cálido o frío?
#f89757 es un color cálido. En OKLCH su matiz es de 52 grados, su luminosidad 76,5 % y su croma 0.141.