Vista previa del diseño
Detalles de los colores
01Principal
ContrasteAa 2.8Aa 7.4
02Secundario
ContrasteAa 2.3Aa 9.2
03Acento
ContrasteAa 1.6Aa 13.5
04Fondo
ContrasteAa 1.1Aa 19.8
Usa esta paleta
Variables CSS
:root {
--sunrise-1: #FF6B35;
--sunrise-2: #F7931E;
--sunrise-3: #FDC830;
--sunrise-4: #FFFACD;
}Colores de Tailwind
module.exports = {
theme: {
extend: {
colors: {
'sunrise': {
100: '#FF6B35',
200: '#F7931E',
300: '#FDC830',
400: '#FFFACD',
},
},
},
},
};Combinaciones de color accesibles
Combinaciones de texto y fondo de esta paleta que cumplen WCAG AA (4.5:1) para texto normal.
Ninguna combinación de esta paleta alcanza 4.5:1. Usa texto negro o blanco para el texto principal.
Colores con nombre en esta paleta
El color CSS con nombre más cercano a cada muestra.