Color #ffab86: Delicado tono claro de naranja
#ffab86 es rgb(255, 171, 134) en RGB y oklch(81.477% 0.11131 44.515) 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
- Pastel
- Cálido
- ≈ Tostado
- red-300
- Negro 0 %
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 #ffab86
#ffab86 es un delicado tono claro de naranja. En OKLCH tiene una luminosidad de 81,5 %, un croma de 0.111 y un matiz de 45°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 1.84:1 y el negro 11.42: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: #ffab86 mezclado con blanco
Más oscuro: #ffab86 mezclado con negro
Más sobrio: #ffab86 con menos saturación
Colores con nombre parecidos
Colores que combinan con #ffab86
Preguntas sobre #ffab86
¿Qué color es #ffab86?
#ffab86 es un delicado tono claro de naranja. El color con nombre más cercano es Delicado tono claro de naranja. En RGB es rgb(255, 171, 134), en HSL hsl(18.35, 100%, 76.27%) y en OKLCH oklch(81.477% 0.11131 44.515).
¿Qué colores combinan con #ffab86?
El color complementario de #ffab86 es #68d2f8. Para una combinación más tranquila, usa los colores análogos #ffa4ac y #edb86d. Los colores de la tríada son #77d9b0 y #bab9ff.
¿Se lee mejor el texto blanco o el negro sobre #ffab86?
Sobre #ffab86 se lee mejor el texto negro: el blanco da una relación de contraste de 1.84:1 y el negro de 11.42:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#ffab86 es un color cálido o frío?
#ffab86 es un color cálido. En OKLCH su matiz es de 45 grados, su luminosidad 81,5 % y su croma 0.111.