Fresa es un tono vibrante y jugoso que combina el rojo con un toque de rosa, situándose entre estos colores en la rueda cromática. Evoca frescura y energía, similar a tonos de bayas como frambuesa o cereza. Perfecto para añadir un toque vivaz a los diseños, especialmente en temas lúdicos o juveniles.
Fresa se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #FA5053
- Valor RGB: 98.0% rojo, 31.4% verde, 32.5% 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.
Para variaciones dentro del mismo espectro que fresa, considera:
- Cereza (#D20A2E): Cereza ofrece un tono vívido similar a fresa, con su tinte maduro evocando el brillo jugoso de las bayas frescas.
- Rojo carmesí (#B22222): Este tono presenta un pigmento más profundo y natural, pero conserva la energía vibrante similar al color rojo fresa.
- Rojo rosa (#FA003F): Rojo rosa exuda un tono vívido que refleja el brillo y el atractivo de fresa, capturando su esencia de tono de baya.
- Bermellón (#E73121): Bermellón proporciona un tono intenso y vivo comparable a fresa, con su mezcla de rojo-anaranjado reflejando un tinte maduro.
Para complementar fresa, considera emparejarlo con:
- Verde menta (#ADEBB3): Este tono suave y refrescante contrasta hermosamente con el tono vibrante de fresa, creando una paleta fresca y vivaz que recuerda a los pigmentos naturales.
- Amarillo canario (#FFEF00): La naturaleza brillante y alegre del amarillo canario ilumina fresa, proporcionando un tono vívido que se siente energético y dinámico.
- Lavanda (#D3D3FF): Ofreciendo un contraste suave y relajante, lavanda complementa la intensidad de fresa sin eclipsarla, resultando en una combinación armoniosa.
- Aguamarina (#66F1C2): La ligereza de aguamarina añade un equilibrio sereno, similar al agua, al cálido y vívido tono de baya de fresa.
- Plata (#C4C4C4): Como un metálico neutro, plata proporciona un fondo elegante y moderno para fresa, permitiendo que sus características audaces se destaquen.
Aunque fresa es vibrante y dulce, puede chocar con:
- Verde neón (#2CFF05): La alta intensidad del verde neón abruma la calidez de fresa, creando una dinámica visualmente discordante.
- Violeta (#7F00FF): Los ricos matices de violeta pueden crear una tensión incómoda con fresa, chocando debido a sus saturaciones similares.
- Cian oscuro (#008B8B): La profundidad fría del cian oscuro contrasta marcadamente con la calidez de fresa, llevando a una combinación desarmoniosa.
- Azul marino (#000080): El tono profundo e intenso del azul marino puede eclipsar el tono de fresa, resultando en una combinación visualmente desequilibrada.
- Amarillo mostaza (#FFCE1B): El amarillo mostaza compite con el tono vibrante de fresa, causando una lucha por la atención en las paletas de colores.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Coral Ember
Aqua Blush
Flare Flora
Verificador de contraste
Contraste 3,31
- Texto grande
#FA5053
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 6,34
- Texto grande
#FA5053
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #FA5053, también conocido como Fresa, tiene valores RGB de R:250, G:80, B:83 y valores CMYK de C:0, M:68, Y:67, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FA5053 | #FA5053 |
| RGB DECIMAL | 250, 80, 83 | RGB(250,80,83) |
| RGB PERCENTAGE | 98.0, 31.4, 32.5 | RGB(98.0%,31.4%,32.5%) |
| CMYK | 0, 68, 67, 2 | |
| HSL | HSL(358.9, 94.4%, 64.7%) | HSL(358.9, 94.4%, 64.7%) |
| HSV (OR HSB) | 358.9°, 68.0, 98.0 | |
| WEB SAFE | #255102102 | #255102102 |
| BINARY | 11111010, 01010000, 01010011 | |
| iOS - SwiftUI | Color(red: 0.980, green: 0.314, blue: 0.325) | |
| iOS - UIKit | UIColor(red: 0.980, green: 0.314, blue: 0.325, alpha: 1) | |
| Android - Compose | Color(0xFFFA5053) |
