La pera es un tono fresco y vibrante que combina verde con toques de amarillo. Se sitúa entre el verde y el amarillo en la rueda de colores, emanando un matiz de fruta jugosa. Las variantes incluyen la pera Bartlett con su tinte amarillo y un toque de rubor rojo. Ideal para crear diseños refrescantes e inspirados en la naturaleza.
La pera se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #D1E231
- Valor RGB: 82.0% rojo, 88.6% verde, 19.2% 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 la pera, considera:
- Chartreuse (#CCFF00): Chartreuse mezcla verde con un tinte amarillo, similar al tono fresco y vibrante que podrías encontrar en una pera madura. Su tono brillante y animado captura la esencia del color pera.
- Verde lima (#89F336): El verde lima muestra un verde vibrante con un sutil tinte amarillo, recordando el carácter refrescante y picante a menudo asociado con la piel de una pera.
- Amarillo-verde (#CCFF00): El amarillo-verde combina el resplandor cálido del amarillo con la frescura del verde, creando un tono alegre y nítido familiar al color de una pera madura.
- Celadón (#A8DCAB): Aunque ligeramente más apagado, el celadón exhibe un tono verde suave con toques de rubor sutil de una pera, ofreciendo una calidad suave y discreta similar a la pera.
Para complementar la pera, considera combinarla con:
- Vino (#722F37): El vino ofrece un contraste rico y profundo con la pera, aportando un toque de sofisticación y realzando la calidez natural del matiz frutal.
- Lavanda (#D3D3FF): Los tonos suaves y calmantes de la lavanda armonizan bellamente con la pera, ofreciendo un equilibrio suave que es agradable a la vista.
- Azul marino (#000080): El azul marino proporciona un contraste audaz y llamativo, destacando la frescura y el brillo de la pera con su atractivo oscuro y clásico.
- Amarillo mostaza (#FFCE1B): El amarillo mostaza comparte un matiz cálido con la pera, creando una combinación complementaria que resalta los atributos soleados de ambos colores.
- Chocolate (#713600): La terrosidad del chocolate intensifica el tono verde vibrante de la pera, evocando una paleta natural y equilibrada.
Aunque la pera es una mezcla encantadora de verde y amarillo, puede chocar con:
- Escarlata (#ED2100): Su intensidad cálida contrasta marcadamente con la naturaleza suave y verde-amarilla de la pera, creando un efecto visual discordante.
- Rosa fuerte (#FF46A2): Conocido por su energía vibrante, el rosa fuerte puede opacar la sutileza de la pera, llevando a una combinación discordante.
- Azul marino (#000080): Este color oscuro y profundo puede dominar la ligereza de la pera, haciendo que la combinación general parezca desequilibrada y pesada.
- Naranja quemado (#BE5103): Su tono cálido y rico puede chocar con la pera, con ambos colores compitiendo por atención debido a sus matices distintos.
- Violeta (#7F00FF): Su audacia contrasta de manera incómoda con la pera, careciendo de armonía debido a sus diferentes intensidades y matices.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Arboleda al atardecer
Helecho eléctrico
Cítrico vívido
Verificador de contraste
Contraste 1,44
- Texto grande
#D1E231
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,63
- Texto grande
#D1E231
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #D1E231, también conocido como Pera, tiene valores RGB de R:209, G:226, B:49 y valores CMYK de C:8, M:0, Y:78, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #D1E231 | #D1E231 |
| RGB DECIMAL | 209, 226, 49 | RGB(209,226,49) |
| RGB PERCENTAGE | 82.0, 88.6, 19.2 | RGB(82.0%,88.6%,19.2%) |
| CMYK | 8, 0, 78, 11 | |
| HSL | HSL(65.8, 75.3%, 53.9%) | HSL(65.8, 75.3%, 53.9%) |
| HSV (OR HSB) | 65.8°, 78.3, 88.6 | |
| WEB SAFE | #20420451 | #20420451 |
| BINARY | 11010001, 11100010, 00110001 | |
| iOS - SwiftUI | Color(red: 0.820, green: 0.886, blue: 0.192) | |
| iOS - UIKit | UIColor(red: 0.820, green: 0.886, blue: 0.192, alpha: 1) | |
| Android - Compose | Color(0xFFD1E231) |
