Ir al selector de color

Color #f8a367: Intenso tono claro de naranja

#f8a367 es rgb(248, 163, 103) en RGB y oklch(78.777% 0.12646 54.973) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

25°
100 %

78,8 %
0,126
55°
  • Naranja
  • Claro
  • Intenso
  • Cálido
  • ≈ Naranja
  • orange-300
  • Negro 3 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.01:1Difícil de leer
Lc -43
Texto negro
10.43:1Legible · AA
Lc 65

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Abrir como paleta

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

Sobre #f8a367

#f8a367 es un intenso tono claro de naranja. En OKLCH tiene una luminosidad de 78,8 %, un croma de 0.126 y un matiz de 55°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.01:1 y el negro 10.43: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 tonos de naranja: claro

Más claro: #f8a367 mezclado con blanco

  1. f8a367
  2. faad77
  3. fbb687
  4. fcbf97
  5. fdc9a6
  6. fed2b5
  7. ffdbc4
  8. ffe4d3
  9. ffede1
  10. fff6f0

Más oscuro: #f8a367 mezclado con negro

  1. f8a367
  2. d88d59
  3. b8784b
  4. 9a633d
  5. 7c4f30
  6. 603c23
  7. 452a17
  8. 2c190c
  9. 150a04
  10. 030100

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

  1. f8a367
  2. f2a671
  3. eda87a
  4. e7ab83
  5. e1ad8b
  6. dbb094
  7. d4b29c
  8. ceb4a3
  9. c7b6ab
  10. c1b8b2

Preguntas sobre #f8a367

¿Qué color es #f8a367?

#f8a367 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, 163, 103), en HSL hsl(24.83, 91.19%, 68.82%) y en OKLCH oklch(78.777% 0.12646 54.973).

¿Qué colores combinan con #f8a367?

El color complementario de #f8a367 es #5cc6ff. Para una combinación más tranquila, usa los colores análogos #ff9890 y #dfb350. Los colores de la tríada son #4ad4b5 y #c0a9ff.

¿Se lee mejor el texto blanco o el negro sobre #f8a367?

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

¿#f8a367 es un color cálido o frío?

#f8a367 es un color cálido. En OKLCH su matiz es de 55 grados, su luminosidad 78,8 % y su croma 0.126.