Ir al selector de color

Color Trigo: #f5deb3

Trigo es #f5deb3, rgb(245, 222, 179) en RGB y oklch(90.883% 0.0615 83.033) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

39°
100 %

90,9 %
0,061
83°
  • Beige
  • Muy claro
  • Suave
  • Pastel
  • Cálido
  • orange-200
  • Negro 4 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.31:1Difícil de leer
Lc -18
Texto negro
15.98:1Legible · AA
Lc 88

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 en los que te detienes o que copias. Se quedan en este dispositivo.

También llamado: Wheat

Paletas con Trigo

Colores con nombre parecidos

Preguntas sobre Trigo

¿Cuál es el código HEX de Trigo?

El código HEX de Trigo es #f5deb3. En RGB es rgb(245, 222, 179), en HSL hsl(39.09, 76.74%, 83.14%) y en OKLCH oklch(90.883% 0.0615 83.033).

¿Qué colores combinan con Trigo?

Su color complementario es #cce2ff. Para un resultado más tranquilo, combínalo con los colores análogos #ffd7bc y #e0e6b7. En esta página tienes paletas listas con Trigo.

¿Trigo es un color cálido o frío?

Trigo es un color cálido con un matiz OKLCH de 83 grados.

¿Qué color de texto se lee bien sobre Trigo?

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

Sobre #f5deb3

#f5deb3 es un delicado tono muy claro de beige. En OKLCH tiene una luminosidad de 90,9 %, un croma de 0.061 y un matiz de 83°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 1.31:1 y el negro 15.98:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Trigo (#f5deb3). En Tailwind CSS el más cercano es orange-200.

Más tonos de beige: muy claro

Más claro: #f5deb3 mezclado con blanco

  1. f5deb3
  2. f6e1bb
  3. f7e5c2
  4. f8e8ca
  5. f9ebd2
  6. faefd9
  7. fbf2e1
  8. fcf5e8
  9. fdf8f0
  10. fefcf7

Más oscuro: #f5deb3 mezclado con negro

  1. f5deb3
  2. d5c19b
  3. b6a584
  4. 98896e
  5. 7b6f58
  6. 5f5543
  7. 443d2f
  8. 2b261d
  9. 15120c
  10. 030201

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

  1. f5deb3
  2. f3deb8
  3. f1dfbd
  4. efdfc1
  5. eddfc6
  6. ebe0ca
  7. e9e0cf
  8. e7e0d3
  9. e5e0d8
  10. e3e1dc