Código de color y paleta
Tonos de Amarillo
El amarillo va del crema tranquilo al limón intenso y la mostaza terrosa. Como el amarillo brillante llama mucho la atención, funciona mejor como realce intencionado junto a texto oscuro y legible.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Cream | #FEFCE8 | 254, 252, 232 | 55, 92%, 95% | ||
| Ivory | #FEF9C3 | 254, 249, 195 | 55, 97%, 88% | ||
| Lemon Light | #FEF08A | 254, 240, 138 | 53, 98%, 77% | ||
| Lemon | #FDE047 | 253, 224, 71 | 50, 98%, 64% | ||
| Canary | #FACC15 | 250, 204, 21 | 48, 96%, 53% | ||
| Yellow | #EAB308 | 234, 179, 8 | 45, 93%, 47% | ||
| Mustard | #CA8A04 | 202, 138, 4 | 41, 96%, 40% | ||
| Gold Dark | #A16207 | 161, 98, 7 | 35, 92%, 33% | ||
| Olive Yellow | #854D0E | 133, 77, 14 | 32, 81%, 29% | ||
| Dark Yellow | #713F12 | 113, 63, 18 | 28, 73%, 26% | ||
| Lime Light | #F7FEE7 | 247, 254, 231 | 78, 92%, 95% | ||
| Lime Cream | #ECFCCB | 236, 252, 203 | 80, 89%, 89% | ||
| Lime Pale | #D9F99D | 217, 249, 157 | 81, 88%, 80% | ||
| Lime | #BEF264 | 190, 242, 100 | 82, 85%, 67% | ||
| Lime Bright | #A3E635 | 163, 230, 53 | 83, 78%, 55% | ||
| Chartreuse | #84CC16 | 132, 204, 22 | 84, 81%, 44% | ||
| Yellow Green | #65A30D | 101, 163, 13 | 85, 85%, 35% | ||
| Olive | #4D7C0F | 77, 124, 15 | 86, 78%, 27% | ||
| Army Green | #3F6212 | 63, 98, 18 | 86, 69%, 23% | ||
| Dark Olive | #365314 | 54, 83, 20 | 88, 61%, 20% |
Palabra clave CSS: yellow
En CSS puedes escribirlo con la palabra clave yellow.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Amarillo
Resaltados, insignias y avisos de atención
Ilustración editorial optimista
Paletas neutras cálidas con marrón o azul marino
Colores que combinan con Amarillo
Armonías de la rueda de color creadas a partir de #EAB308. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.