Black
#000000
Paleta “Phosphorescent Green” de 4 colores
Paleta de 4 colores · Colores neutros · Tonos oscuros · Armonía complementaria dividida
Me gusta
4.596
Colores
4
Variables CSS
:root {
--c-vibrant-1: #000000;
--c-vibrant-2: #0F6292;
--c-vibrant-3: #16FF00;
--c-vibrant-4: #FFED00;
}Sobre esta paleta
Esta paleta de 4 colores vibrantes va de Sailor Moon (#FFED00), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Pontoon, Phosphorescent Green y Sailor Moon en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 6. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFED00, con 17,37:1.
Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.
Desglose de colores
Pontoon
#0F6292
Phosphorescent Green
#16FF00
Sailor Moon
#FFED00
Contraste y accesibilidad
Combinaciones de colores en la paleta: 6. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa
#000000 sobre #FFED00
17,37:1
AAA
Aa
#000000 sobre #16FF00
15,34:1
AAA
Aa
#0F6292 sobre #FFED00
5,46:1
AA
Aa
#0F6292 sobre #16FF00
4,82:1
AA
Aa
#000000 sobre #0F6292
3,18:1
AA, texto grande
Aa
#16FF00 sobre #FFED00
1,13:1
No aprobado
Paletas similares
#000000
#3E065F
#700B97
#8E05C2
#000000
#150050
#3F0071
#FB2576
#000000
#3E432E
#616F39
#A7D129
#4B5D67
#322F3D
#59405C
#87556F
#18230F
#27391C
#255F38
#1F7D53
#FF5200
#6F0000
#00263B
#00A1AB
#251D3A
#2A2550
#E04D01
#FF7700
#FFA900
#9D8221
#014441
#01252A