Ir al selector de color

Color #f4aa4e: Intenso tono claro de ámbar

#f4aa4e es rgb(244, 170, 78) en RGB y oklch(79.279% 0.13749 69.207) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

33°
100 %

79,3 %
0,137
69°
  • Ámbar
  • Claro
  • Intenso
  • Cálido
  • ≈ Naranja
  • orange-300
  • Negro 4 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.96:1Difícil de leer
Lc -42
Texto negro
10.71:1Legible · AA
Lc 66

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 #f4aa4e

#f4aa4e es un intenso tono claro de ámbar. En OKLCH tiene una luminosidad de 79,3 %, un croma de 0.137 y un matiz de 69°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.96:1 y el negro 10.71: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 ámbar: claro

Más claro: #f4aa4e mezclado con blanco

  1. f4aa4e
  2. f6b364
  3. f7bc77
  4. f9c489
  5. facd9b
  6. fbd5ac
  7. fcdebd
  8. fde6ce
  9. feefde
  10. fff7ef

Más oscuro: #f4aa4e mezclado con negro

  1. f4aa4e
  2. d49343
  3. b57d38
  4. 97682d
  5. 7a5323
  6. 5e3f19
  7. 442d0f
  8. 2b1b07
  9. 140b02
  10. 030100

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

  1. f4aa4e
  2. efac5d
  3. e9ae6a
  4. e4b076
  5. deb281
  6. d9b48c
  7. d3b696
  8. cdb7a0
  9. c7b9a9
  10. c1bab2

Preguntas sobre #f4aa4e

¿Qué color es #f4aa4e?

#f4aa4e es un intenso tono claro de ámbar. El color con nombre más cercano es Intenso tono claro de ámbar. En RGB es rgb(244, 170, 78), en HSL hsl(33.25, 88.3%, 63.14%) y en OKLCH oklch(79.279% 0.13749 69.207).

¿Qué colores combinan con #f4aa4e?

El color complementario de #f4aa4e es #74c1ff. Para una combinación más tranquila, usa los colores análogos #ff9b77 y #d1bc46. Los colores de la tríada son #00d7ce y #d5a2fe.

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

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

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

#f4aa4e es un color cálido. En OKLCH su matiz es de 69 grados, su luminosidad 79,3 % y su croma 0.137.