Saltar al contenido principal

Color escarlata

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

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El escarlata es un tono brillante de rojo con un toque de naranja, lo que le da una calidad dramática y ardiente. Se encuentra cerca del rojo en el círculo cromático, evocando emociones apasionadas como el coraje, la alegría, la devoción y el amor.

EscarlataEscarlata

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

  • Código HEX: #ED2100
  • Valor RGB: 92.9% rojo, 12.9% verde y 0% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

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

  • Crea una paleta refinada. Combina el escarlata con colores neutros para diseños elegantes y llamativos, ideales para sitios web de lujo o académicos.
  • Inculca urgencia. El escarlata sugiere acción y cambio, por lo que es excelente para barras de progreso, botones de CTA y otros elementos clicables.
  • Comparte retroalimentación visual. El escarlata resalta en la pantalla, siendo útil para presentar información crítica como mensajes de error o alertas.

Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro audaz que el escarlata, considera:

  • Cinabrio (#E84B3D) añade tonos marrones y naranjas para un aspecto más sutil y especiado.
  • Rojo anaranjado (#FF4B33) suaviza el rojo mientras evoca fuego y pasión.
  • Rojo chili (#CD1C18) es un rojo más oscuro y menos saturado con un toque terroso.
  • Rosa (#FF1D8D) ofrece más rosa para crear un ambiente juguetón.

Para complementar el escarlata, considera combinarlo con:

  • Champán (#F7E6CA) equilibra la vivacidad del escarlata para crear un contraste sofisticado.
  • Coñac (#A2574F) es el marrón cálido y rico perfecto para suavizar la intensidad del escarlata.
  • Agua de rosas (#FFD6D1) es un tono rosa pálido que sugiere romance cuando se combina con escarlata.
  • Negro (#000000) proporciona un contraste profundo y seductor con la brillantez del escarlata.

Otros colores que vale la pena considerar son beige y crema para combinaciones elegantes. El oro y el ámbar juegan con los tonos ardientes del escarlata.

Aunque el escarlata es cálido y apasionado, puede chocar con:

  • Fucsia (#FE3894) tiene un brillo intenso que puede opacar al escarlata.
  • Chartreuse (#CCFF00) es un tono amarillo-verde quechoca con el escarlata debido a su frescura y alta saturación.
  • Rojo (#FF2C2C) se combina mal con el escarlata por su proximidad en el círculo cromático.
  • Malva (#E0AFFF) tiene una mezcla de tonos rosados y púrpuras que chocan con los tonos rojos y naranjas del escarlata.

El escarlata simboliza pasión, coraje y sacrificio. Su naturaleza ardiente y sus intensos tonos rojo-anaranjados connotan acción, deseo y revolución.

En la psicología del color, el escarlata tiene un efecto estimulante y energizante debido a su asociación con emociones apasionadas. Su audacia y calidez también promueven sentimientos de calor, amor y movimiento.

En el diseño de interfaces, el escarlata puede inspirar a los usuarios a tomar acción. Su brillo lo hace ideal para botones de CTA, mensajes de error, notificaciones y otros elementos clave de diseño.

En el siglo VIII a.C., el escarlata se usaba como tinte en lugares como Persia y Roma. Los oficiales romanos de alto rango usaban capas escarlata para simbolizar su poder, una práctica que luego adoptó la Iglesia Católica para las vestiduras de los cardenales.

Durante la Revolución Francesa, el escarlata se vinculó con la agitación social, ya que representaba la sangre de los mártires. El color ganó más significado con la publicación de “La letra escarlata” de Nathaniel Hawthorne en 1850, convirtiéndose en un símbolo universal de pasiones prohibidas.

Hoy en día, el escarlata sigue siendo un color académico popular y es utilizado por la Iglesia Católica y varios ejércitos para significar rango y autoridad.

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 #ED2100, conocido como escarlata, tiene valores RGB de R:237, G:33, B:0 y valores CMYK de C:0, M:0.86, Y:1, K:0.07.

El escarlata es un tono brillante de rojo con un toque de naranja, lo que le da una calidad dramática y ardiente. Se encuentra cerca del rojo en el círculo cromático, evocando emociones apasionadas como el coraje, la alegría, la devoción y el amor.

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

  • Código HEX: #ED2100
  • Valor RGB: 92.9% rojo, 12.9% verde y 0% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

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

  • Crea una paleta refinada. Combina el escarlata con colores neutros para diseños elegantes y llamativos, ideales para sitios web de lujo o académicos.
  • Inculca urgencia. El escarlata sugiere acción y cambio, por lo que es excelente para barras de progreso, botones de CTA y otros elementos clicables.
  • Comparte retroalimentación visual. El escarlata resalta en la pantalla, siendo útil para presentar información crítica como mensajes de error o alertas.

Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro audaz que el escarlata, considera:

  • Cinabrio (#E84B3D) añade tonos marrones y naranjas para un aspecto más sutil y especiado.
  • Rojo anaranjado (#FF4B33) suaviza el rojo mientras evoca fuego y pasión.
  • Rojo chili (#CD1C18) es un rojo más oscuro y menos saturado con un toque terroso.
  • Rosa (#FF1D8D) ofrece más rosa para crear un ambiente juguetón.

Para complementar el escarlata, considera combinarlo con:

  • Champán (#F7E6CA) equilibra la vivacidad del escarlata para crear un contraste sofisticado.
  • Coñac (#A2574F) es el marrón cálido y rico perfecto para suavizar la intensidad del escarlata.
  • Agua de rosas (#FFD6D1) es un tono rosa pálido que sugiere romance cuando se combina con escarlata.
  • Negro (#000000) proporciona un contraste profundo y seductor con la brillantez del escarlata.

Otros colores que vale la pena considerar son beige y crema para combinaciones elegantes. El oro y el ámbar juegan con los tonos ardientes del escarlata.

Aunque el escarlata es cálido y apasionado, puede chocar con:

  • Fucsia (#FE3894) tiene un brillo intenso que puede opacar al escarlata.
  • Chartreuse (#CCFF00) es un tono amarillo-verde quechoca con el escarlata debido a su frescura y alta saturación.
  • Rojo (#FF2C2C) se combina mal con el escarlata por su proximidad en el círculo cromático.
  • Malva (#E0AFFF) tiene una mezcla de tonos rosados y púrpuras que chocan con los tonos rojos y naranjas del escarlata.

El escarlata simboliza pasión, coraje y sacrificio. Su naturaleza ardiente y sus intensos tonos rojo-anaranjados connotan acción, deseo y revolución.

En la psicología del color, el escarlata tiene un efecto estimulante y energizante debido a su asociación con emociones apasionadas. Su audacia y calidez también promueven sentimientos de calor, amor y movimiento.

En el diseño de interfaces, el escarlata puede inspirar a los usuarios a tomar acción. Su brillo lo hace ideal para botones de CTA, mensajes de error, notificaciones y otros elementos clave de diseño.

En el siglo VIII a.C., el escarlata se usaba como tinte en lugares como Persia y Roma. Los oficiales romanos de alto rango usaban capas escarlata para simbolizar su poder, una práctica que luego adoptó la Iglesia Católica para las vestiduras de los cardenales.

Durante la Revolución Francesa, el escarlata se vinculó con la agitación social, ya que representaba la sangre de los mártires. El color ganó más significado con la publicación de “La letra escarlata” de Nathaniel Hawthorne en 1850, convirtiéndose en un símbolo universal de pasiones prohibidas.

Hoy en día, el escarlata sigue siendo un color académico popular y es utilizado por la Iglesia Católica y varios ejércitos para significar rango y autoridad.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Granate

Guacamayo

Fuegos artificiales

Verificador de contraste

Contraste 4,36

Texto grande

#ED2100

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #ED2100 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Aprobado
Desaprobado
Aprobado
Desaprobado

Contraste 4,82

Texto grande

#ED2100

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #ED2100 en un fondo #000000.
Categoría
Aprobado
Desaprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #ed2100, también conocido como Color escarlata, tiene valores RGB de R:237, G:33, B:0 y valores CMYK de C:0, M:86, Y:100, K:7.

VALUECSS
HEX#ed2100#ed2100
RGB DECIMAL237, 33, 0RGB(237,33,0)
RGB PERCENTAGE92.9, 12.9, 0.0RGB(92.9%,12.9%,0.0%)
CMYK0, 86, 100, 7
HSLHSL(8.4, 100.0%, 46.5%)HSL(8.4, 100.0%, 46.5%)
HSV (OR HSB)8.4°, 100.0, 92.9
WEB SAFE#255510#255510
BINARY11101101, 00100001, 00000000
iOS - SwiftUIColor(red: 0.929, green: 0.129, blue: 0.000)
iOS - UIKitUIColor(red: 0.929, green: 0.129, blue: 0.000, alpha: 1)
Android - ComposeColor(0xFFED2100)
Crear paleta de colores