El 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 suave de las flores de jazmín. Tonos relacionados incluyen marfil y crema. ¡Perfecto para añadir un toque soleado a los diseños!
El jazmín se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #F8DE7E
- Valor RGB: 97.3% rojo, 87.1% verde, 49.4% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de 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.
Para variaciones dentro del mismo espectro que el jazmín, considera:
- Crema (#fdfbd4): La 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 de cerca 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 el jazmín, considera emparejarlo con:
- Rosa Malva (#E0B0FF): Este suave rosa purpúreo ofrece un contraste delicado que resalta las cualidades calmantes y elegantes del jazmín.
- Verde Claro (#88E788): El tono fresco y vibrante del verde claro resalta la naturaleza delicada del 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 del 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 del jazmín.
Aunque el jazmín se asocia típicamente con un tono suave y delicado, puede chocar con:
- Verde Neón (#2CFF05): Este color brillante e intenso choca con el 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 del 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 el jazmín, creando una sensación de discordia visual.
- Cereza (#DE3163): Este vibrante rosa puede chocar con el jazmín al crear una tensión entre su calidez y el tono más fresco y relajado del jazmín.
- Índigo (#560591): Como un tono profundamente saturado y rico, el índigo puede eclipsar la esencia ligera y alegre del jazmín.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Sorbete al Atardecer
Amanecer Radiante
Pop Celestial
Comprobador de contraste
Contraste 1,33
- Texto largo
#F8DE7E
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 15,74
- Texto largo
#F8DE7E
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #F8DE7E, también llamado 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) |