Ir al selector de color

Color #eaa855: Intenso tono claro de ámbar

#eaa855 es rgb(234, 168, 85) en RGB y oklch(77.875% 0.12611 70.286) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

33°
100 %

77,9 %
0,126
70°
  • Ámbar
  • Claro
  • Intenso
  • Cálido
  • ≈ Naranja
  • orange-300
  • Negro 8 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.05:1Difícil de leer
Lc -44
Texto negro
10.23:1Legible · AA
Lc 64

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

#eaa855 es un intenso tono claro de ámbar. En OKLCH tiene una luminosidad de 77,9 %, un croma de 0.126 y un matiz de 70°.

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 tonos de ámbar: claro

Más claro: #eaa855 mezclado con blanco

  1. eaa855
  2. edb169
  3. efba7b
  4. f2c38c
  5. f4cb9d
  6. f6d4ae
  7. f8ddbe
  8. fae5ce
  9. fceedf
  10. fdf6ef

Más oscuro: #eaa855 mezclado con negro

  1. eaa855
  2. cb9249
  3. ae7c3d
  4. 916731
  5. 755226
  6. 5a3f1c
  7. 412c11
  8. 291a08
  9. 130a02
  10. 030100

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

  1. eaa855
  2. e5aa62
  3. e0ac6d
  4. dbad78
  5. d6af82
  6. d1b18b
  7. ccb295
  8. c7b39d
  9. c2b5a6
  10. bcb6ae

Preguntas sobre #eaa855

¿Qué color es #eaa855?

#eaa855 es un intenso tono claro de ámbar. El color con nombre más cercano es Intenso tono claro de ámbar. En RGB es rgb(234, 168, 85), en HSL hsl(33.42, 78.01%, 62.55%) y en OKLCH oklch(77.875% 0.12611 70.286).

¿Qué colores combinan con #eaa855?

El color complementario de #eaa855 es #76bcff. Para una combinación más tranquila, usa los colores análogos #fb9a78 y #c9b950. Los colores de la tríada son #2ed0c9 y #d0a0f3.

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

Sobre #eaa855 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.

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

#eaa855 es un color cálido. En OKLCH su matiz es de 70 grados, su luminosidad 77,9 % y su croma 0.126.