Saltar hasta el contenido principal

Color crudo

Todo lo que necesitas saber sobre el color crudo para inspirar tu próximo diseño.

Obtener paleta de colores

Elegir un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas de colores personalizadas

El crudo es un tono neutro, cálido y rico con matices amarillos y marrones. Su ligereza y falta de viveza ofrecen una sensación suave y reconfortante, mientras que sus tonos naturales evocan una sensación de arraigo y simplicidad.

El crudo se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.

  • Código HEX: #E0CD95
  • Valor RGB: 87.8% rojo, 80.4% verde y 58.4% azul

Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.

Aquí hay algunas formas de usar el crudo en tus diseños:

  • Crea una estética limpia y minimalista. El tono suave y neutro del crudo crea un fondo calmante para tus elementos UI, permitiéndoles destacar sin abrumar al usuario.
  • Evoca una sensación de lujo y confort. El tono neutro del crudo lo hace versátil para diseños dirigidos a productos de moda y bienestar de alta gama, o marcas que enfatizan elementos naturales, como el cuidado de la piel orgánico o productos para el hogar ecológicos.
  • Mejora la legibilidad. Si usas el crudo como color de fondo, asegúrate de combinarlo con colores que ofrezcan suficiente contraste para el texto y otros elementos UI, como tonos más oscuros de gris, azul marino o negro.

Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.

Para variaciones dentro del mismo espectro neutro que el crudo, considera:

  • Arena (#CBBD93) ofrece un tono más cálido y terroso con un sutil matiz amarillo que recuerda a las dunas costeras.
  • Caqui (#D5C58A) proporciona un matiz ligeramente más verde.
  • Beige (#EDE8D0) es una opción más clara y suave, creando una atmósfera aireada con un toque de calidez.
  • Crema (#FDFBD4) es un blanco lechoso con un sutil matiz amarillo.

Para complementar el crudo, considera combinarlo con:

  • Verde militar (#5D6532) crea un contraste natural y terroso, anclando la paleta.
  • Rojo carmesí (#B22222) ofrece un contraste audaz que energiza el crudo y crea un aspecto impactante.
  • Carbón (#4A4A4A) proporciona un contraste moderno.
  • Rosa rubor (#FF7782) complementa el crudo con un toque suave y romántico.
  • Azul medianoche (#272757) contrasta dramáticamente, resultando en un ambiente lujoso y elegante.

Otros colores que vale la pena considerar incluyen tonos pastel como lavanda o verde menta para un giro juguetón o inesperado y colores sofisticados como dorado o plateado para añadir un toque de glamour.

Aunque el crudo es neutro, puede chocar con:

  • Azul eléctrico (#00F0FF) crea un contraste discordante con la naturaleza suave del crudo.
  • Rosa neón (#FF13F0) es demasiado vibrante y abrumador para el crudo, creando una combinación visualmente distractora.
  • Amarillo brillante (#FFED29) puede chocar con la sutileza del crudo, creando un aspecto duro y desequilibrado.
  • Violeta (#7F00FF) es un color brillante que puede abrumar la calidad suave y neutra del crudo.

El crudo simboliza simplicidad, pureza y elegancia natural. Es reminiscente del lino sin blanquear y las texturas cremosas, dando una sensación de calidez y confort. El crudo también puede representar lujo discreto y sofisticación.

En la psicología del color, el crudo evoca relajación y bienestar. Su cualidad neutra también promueve el equilibrio y la armonía.

En diseño UI, el crudo crea un aspecto limpio y minimalista. Sirve como un fondo neutro, permitiendo que otros elementos destaquen. Su calidez y refinamiento lo hacen perfecto para transmitir una sensibilidad natural o para marcas premium.

El término “crudo” deriva de la palabra francesa que significa “crudo” o “sin blanquear”. Históricamente, describía el color natural del lino o la seda sin procesar, vinculándolo a la producción textil y la evolución de las técnicas de teñido y blanqueo.

Lograr colores vibrantes era complejo y costoso en ese tiempo, por lo que las telas naturales y sin blanquear como el lino se hicieron populares por su simplicidad y asequibilidad.

A lo largo de los siglos, la popularidad del crudo ha fluctuado con las tendencias de moda y diseño. Su atractivo perdurable proviene de su versatilidad y conexión con la belleza natural. Aunque sus orígenes son prácticos, el color ha evolucionado para representar simplicidad y sofisticación.

Variaciones de color

Unknown block type "colorComponent", specify a component for it in the `components.types` option

Armonías de color

Unknown block type "colorComponent", specify a component for it in the `components.types` option

Paletas personalizadas

Unknown block type "colorComponent", specify a component for it in the `components.types` option

Unknown block type "colorComponent", specify a component for it in the `components.types` option

Simulaciones de color

Unknown block type "colorComponent", specify a component for it in the `components.types` option

El color hexadecimal #E0CD95, conocido como crudo, tiene valores RGB de R:224, G:205, B:149 y valores CMYK de C:0, M:0.08, Y:0.33, K:0.12.

El crudo es un tono neutro, cálido y rico con matices amarillos y marrones. Su ligereza y falta de viveza ofrecen una sensación suave y reconfortante, mientras que sus tonos naturales evocan una sensación de arraigo y simplicidad.

El crudo se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.

  • Código HEX: #E0CD95
  • Valor RGB: 87.8% rojo, 80.4% verde y 58.4% azul

Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.

Aquí hay algunas formas de usar el crudo en tus diseños:

  • Crea una estética limpia y minimalista. El tono suave y neutro del crudo crea un fondo calmante para tus elementos UI, permitiéndoles destacar sin abrumar al usuario.
  • Evoca una sensación de lujo y confort. El tono neutro del crudo lo hace versátil para diseños dirigidos a productos de moda y bienestar de alta gama, o marcas que enfatizan elementos naturales, como el cuidado de la piel orgánico o productos para el hogar ecológicos.
  • Mejora la legibilidad. Si usas el crudo como color de fondo, asegúrate de combinarlo con colores que ofrezcan suficiente contraste para el texto y otros elementos UI, como tonos más oscuros de gris, azul marino o negro.

Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.

Para variaciones dentro del mismo espectro neutro que el crudo, considera:

  • Arena (#CBBD93) ofrece un tono más cálido y terroso con un sutil matiz amarillo que recuerda a las dunas costeras.
  • Caqui (#D5C58A) proporciona un matiz ligeramente más verde.
  • Beige (#EDE8D0) es una opción más clara y suave, creando una atmósfera aireada con un toque de calidez.
  • Crema (#FDFBD4) es un blanco lechoso con un sutil matiz amarillo.

Para complementar el crudo, considera combinarlo con:

  • Verde militar (#5D6532) crea un contraste natural y terroso, anclando la paleta.
  • Rojo carmesí (#B22222) ofrece un contraste audaz que energiza el crudo y crea un aspecto impactante.
  • Carbón (#4A4A4A) proporciona un contraste moderno.
  • Rosa rubor (#FF7782) complementa el crudo con un toque suave y romántico.
  • Azul medianoche (#272757) contrasta dramáticamente, resultando en un ambiente lujoso y elegante.

Otros colores que vale la pena considerar incluyen tonos pastel como lavanda o verde menta para un giro juguetón o inesperado y colores sofisticados como dorado o plateado para añadir un toque de glamour.

Aunque el crudo es neutro, puede chocar con:

  • Azul eléctrico (#00F0FF) crea un contraste discordante con la naturaleza suave del crudo.
  • Rosa neón (#FF13F0) es demasiado vibrante y abrumador para el crudo, creando una combinación visualmente distractora.
  • Amarillo brillante (#FFED29) puede chocar con la sutileza del crudo, creando un aspecto duro y desequilibrado.
  • Violeta (#7F00FF) es un color brillante que puede abrumar la calidad suave y neutra del crudo.

El crudo simboliza simplicidad, pureza y elegancia natural. Es reminiscente del lino sin blanquear y las texturas cremosas, dando una sensación de calidez y confort. El crudo también puede representar lujo discreto y sofisticación.

En la psicología del color, el crudo evoca relajación y bienestar. Su cualidad neutra también promueve el equilibrio y la armonía.

En diseño UI, el crudo crea un aspecto limpio y minimalista. Sirve como un fondo neutro, permitiendo que otros elementos destaquen. Su calidez y refinamiento lo hacen perfecto para transmitir una sensibilidad natural o para marcas premium.

El término “crudo” deriva de la palabra francesa que significa “crudo” o “sin blanquear”. Históricamente, describía el color natural del lino o la seda sin procesar, vinculándolo a la producción textil y la evolución de las técnicas de teñido y blanqueo.

Lograr colores vibrantes era complejo y costoso en ese tiempo, por lo que las telas naturales y sin blanquear como el lino se hicieron populares por su simplicidad y asequibilidad.

A lo largo de los siglos, la popularidad del crudo ha fluctuado con las tendencias de moda y diseño. Su atractivo perdurable proviene de su versatilidad y conexión con la belleza natural. Aunque sus orígenes son prácticos, el color ha evolucionado para representar simplicidad y sofisticación.

Variantes de color

Sombras

Tintes

Tonos

Tonalidades

Armonías de color

Complementaria

Complementaria dividida

Monocromática

Análoga

Triádica

Square

Paletas personalizadas

Elegancia Terrestre

Castillo de Arena

Naturaleza Salvaje

Comprobador de contraste

Contraste 1,57

Texto largo

#E0CD95

Texto normal

Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.

Se trata de un texto #E0CD95 sobre un fondo #FFFFFF.
Categoría
Desaprobar
Desaprobar
Desaprobar
Desaprobar
Desaprobar
Desaprobar

Contraste 13,34

Texto largo

#E0CD95

Texto normal

Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.

Se trata de un texto #E0CD95 sobre un fondo #000000.
Categoría
Aprobar
Aprobar
Aprobar
Aprobar
Aprobar
Aprobar

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #e0cd95, también llamado Color crudo, tiene valores RGB de R:224, G:205, B:149 y valores CMYK de C:0, M:8, Y:33, K:12.

VALUECSS
HEX#e0cd95#e0cd95
RGB DECIMAL224, 205, 149RGB(224,205,149)
RGB PERCENTAGE87.8, 80.4, 58.4RGB(87.8%,80.4%,58.4%)
CMYK0, 8, 33, 12
HSLHSL(44.8, 54.7%, 73.1%)HSL(44.8, 54.7%, 73.1%)
HSV (OR HSB)44.8°, 33.5, 87.8
WEB SAFE#204204153#204204153
BINARY11100000, 11001101, 10010101
iOS - SwiftUIColor(red: 0.878, green: 0.804, blue: 0.584)
iOS - UIKitUIColor(red: 0.878, green: 0.804, blue: 0.584, alpha: 1)
Android - ComposeColor(0xFFE0CD95)