4 colores
Cherry Blossom
Vista previa del diseño
Detalles de los colores
01Principal
ContrasteAa 1.6Aa 12.8
02Secundario
ContrasteAa 1.5Aa 13.7
03Acento
ContrasteAa 1.2Aa 17.4
04Fondo
ContrasteAa 1.0Aa 21.0
Usa esta paleta
Variables CSS
:root {
--cherry-blossom-1: #FFB7C5;
--cherry-blossom-2: #FFC0CB;
--cherry-blossom-3: #FFE4E1;
--cherry-blossom-4: #FFFFFF;
}Colores de Tailwind
module.exports = {
theme: {
extend: {
colors: {
'cherry-blossom': {
100: '#FFB7C5',
200: '#FFC0CB',
300: '#FFE4E1',
400: '#FFFFFF',
},
},
},
},
};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.