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 varias plataformas y dispositivos digitales.
- Código HEX: #ED2100
- Valor RGB: 92.9% rojo, 12.9% verde y 0% 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 Contenido Web.
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 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 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 audaz que el escarlata, considera:
- Cinabrio (#E84B3D) añade tonos marrones y naranjas para un aspecto más sutil y especiado.
- Rojo-naranja (#FF4B33) suaviza el rojo mientras evoca fuego y pasión.
- Rojo chile (#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 agudeza 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 atractivo con el brillo del escarlata.
Otros colores que vale la pena considerar son el beige y el 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 dominar 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 debido a su proximidad en el círculo cromático.
- Malva (#E0AFFF) tiene una mezcla de tonos rosas 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-naranja 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 la emoción apasionada. Su audacia y calidez también promueven sentimientos de calor, amor y movimiento.
En el diseño UI, el escarlata puede inspirar a los usuarios a tomar acción. Su brillo lo hace ideal para botones 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 llevaban capas escarlata para simbolizar su poder, una práctica que más tarde 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 varias plataformas y dispositivos digitales.
- Código HEX: #ED2100
- Valor RGB: 92.9% rojo, 12.9% verde y 0% 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 Contenido Web.
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 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 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 audaz que el escarlata, considera:
- Cinabrio (#E84B3D) añade tonos marrones y naranjas para un aspecto más sutil y especiado.
- Rojo-naranja (#FF4B33) suaviza el rojo mientras evoca fuego y pasión.
- Rojo chile (#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 agudeza 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 atractivo con el brillo del escarlata.
Otros colores que vale la pena considerar son el beige y el 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 dominar 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 debido a su proximidad en el círculo cromático.
- Malva (#E0AFFF) tiene una mezcla de tonos rosas 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-naranja 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 la emoción apasionada. Su audacia y calidez también promueven sentimientos de calor, amor y movimiento.
En el diseño UI, el escarlata puede inspirar a los usuarios a tomar acción. Su brillo lo hace ideal para botones 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 llevaban capas escarlata para simbolizar su poder, una práctica que más tarde 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Granate
Guacamayo
Fuegos artificiales
Comprobador de contraste
Contraste 4,36
- Texto largo
#ED2100
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 4,82
- Texto largo
#ED2100
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ed2100, también llamado Color escarlata, tiene valores RGB de R:237, G:33, B:0 y valores CMYK de C:0, M:86, Y:100, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #ed2100 | #ed2100 |
| RGB DECIMAL | 237, 33, 0 | RGB(237,33,0) |
| RGB PERCENTAGE | 92.9, 12.9, 0.0 | RGB(92.9%,12.9%,0.0%) |
| CMYK | 0, 86, 100, 7 | |
| HSL | HSL(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 |
| BINARY | 11101101, 00100001, 00000000 | |
| iOS - SwiftUI | Color(red: 0.929, green: 0.129, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.929, green: 0.129, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFED2100) |
