Jazmín es un amarillo suave y mantecoso que irradia calidez y positividad. Se sitúa entre el amarillo y el beige en la rueda de colores, asemejándose al tono delicado de las flores de jazmín. Tonos relacionados incluyen marfil y crema. ¡Perfecto para añadir un toque soleado a los diseños!
Jazmín se define por los siguientes códigos y valores de color para asegurar consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #F8DE7E
- Valor RGB: 97.3% rojo, 87.1% verde, 49.4% 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 jazmín, considera:
- Crema (#fdfbd4): Crema presenta un blanco suave y delicado, reflejando los aspectos calmantes y delicados del jazmín, a menudo vistos en su forma floral.
- Amarillo pastel (#ffee8c): Este tono ofrece una vibra ligera y aireada, que recuerda los suaves matices soleados de las flores de jazmín floreciendo al sol.
- Amarillo claro (#ffffc5): Conocido por su calidad aireada y pacífica, el amarillo claro refleja la sutil alegría del jazmín, ofreciendo una calidez similar sin un brillo abrumador.
- Marfil (#ffffe3): Este tono captura una blancura suave y elegante, similar al color clásico de la flor de jazmín. Mantiene un sentido de pureza y simplicidad similar a la verdadera esencia del jazmín.
Para complementar jazmín, considera emparejarlo con:
- Rosa malva (#E0B0FF): Este suave rosa purpúreo ofrece un contraste delicado que resalta las cualidades calmantes y elegantes de jazmín.
- Verde claro (#88E788): El tono fresco y vibrante del verde claro resalta la naturaleza delicada de jazmín, creando una paleta armoniosa e inspirada en la naturaleza.
- Coral (#FF8559): Con la energía cálida y acogedora del coral, proporciona un contraste animado que complementa el encanto sutil de jazmín.
- Oro suave (#EFBF04): Este tono metálico añade un toque de lujo y sofisticación, dando profundidad y riqueza que realzan la elegancia discreta de jazmín.
Aunque jazmín se asocia típicamente con un tono suave y delicado, puede chocar con:
- Verde neón (#2CFF05): Este color brillante e intenso entra en conflicto con jazmín al crear un contraste visualmente discordante que abruma su elegancia sutil.
- Rojo sangre (#780606): La intensidad oscura del rojo sangre puede sobrepasar la delicadeza de jazmín, llevando a una composición desequilibrada e incómoda.
- Naranja neón (#FF5C00): La calidad vívida y energética del naranja neón compite con jazmín, creando una sensación de discordia visual.
- Cereza (#DE3163): Este vibrante rosa puede chocar con jazmín al crear una tensión entre su calidez y el tono más fresco y relajado de jazmín.
- Índigo (#560591): Como un tono profundamente saturado y rico, el índigo puede eclipsar la esencia ligera y alegre de jazmín.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Sorbete al atardecer
Amanecer radiante
Pop celestial
Verificador de contraste
Contraste 1,33
- Texto grande
#F8DE7E
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 15,74
- Texto grande
#F8DE7E
- 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 #F8DE7E, también conocido como Jazmín, tiene valores RGB de R:248, G:222, B:126 y valores CMYK de C:0, M:10, Y:49, K:3.
| VALUE | CSS | |
|---|---|---|
| HEX | #F8DE7E | #F8DE7E |
| RGB DECIMAL | 248, 222, 126 | RGB(248,222,126) |
| RGB PERCENTAGE | 97.3, 87.1, 49.4 | RGB(97.3%,87.1%,49.4%) |
| CMYK | 0, 10, 49, 3 | |
| HSL | HSL(47.2, 89.7%, 73.3%) | HSL(47.2, 89.7%, 73.3%) |
| HSV (OR HSB) | 47.2°, 49.2, 97.3 | |
| WEB SAFE | #255204102 | #255204102 |
| BINARY | 11111000, 11011110, 01111110 | |
| iOS - SwiftUI | Color(red: 0.973, green: 0.871, blue: 0.494) | |
| iOS - UIKit | UIColor(red: 0.973, green: 0.871, blue: 0.494, alpha: 1) | |
| Android - Compose | Color(0xFFF8DE7E) |
