Paleta St. Patrick's Day Color Palette

Verde trébol, hierba, oro de olla de monedas y un fondo blanco menta. Anclas: #046307, #4D7C0F, #C9A227, #F0FDF4.

san patricioverdemarzo
#046307
#4D7C0F
#C9A227
#F0FDF4
#97B78D
#046307 #4d7c0f #c9a227 #f0fdf4 #97b78d
#046307 #4D7C0F #C9A227 #F0FDF4 #97B78D

Roles semánticos

Asignados de forma determinista: el más claro = fondo, el más oscuro = texto, el más saturado = primario.

background#F0FDF4
surface#97B78D
text#046307
text-muted#4D7C0F
primary#4D7C0F
secondary#C9A227
accent#97B78D

Variables CSS 

:root {
  --background: #f0fdf4;
  --surface: #97b78d;
  --text: #046307;
  --text-muted: #4d7c0f;
  --primary: #4d7c0f;
  --secondary: #c9a227;
  --accent: #97b78d;
}
Vista previa en interfaces →

Matriz de accesibilidad

Color del texto (filas) sobre el fondo (columnas). Verde = cumple WCAG AA para texto normal (≥4.5:1).

Texto \ Fondo#046307#4D7C0F#C9A227#F0FDF4#97B78D
#046307
1.0
1.5
3.1
7.2
3.4
#4D7C0F
1.5
1.0
2.1
4.8
2.3
#C9A227
3.1
2.1
1.0
2.3
1.1
#F0FDF4
7.2
4.8
2.3
1.0
2.1
#97B78D
3.4
2.3
1.1
2.1
1.0

Bajo deuteranopía

Simulación de Machado et al. (2009), severidad 1.0 — aproximación, no es una herramienta médica.

Colores de esta paleta

#046307
rgb(4, 99, 7)
#4D7C0F
rgb(77, 124, 15)
#C9A227
rgb(201, 162, 39)
#F0FDF4
rgb(240, 253, 244)
#97B78D
rgb(151, 183, 141)

Paletas similares

Darkgreen Color Palette
Lime Green Color Palette
Sage Green Color Palette

Preguntas frecuentes

¿Cómo uso la paleta St. Patrick's Day Color Palette en CSS?

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #046307, #4D7C0F, #C9A227, #F0FDF4, #97B78D.

¿Estos colores pasan las comprobaciones de accesibilidad?

Consulta la matriz WCAG de esta página: cada combinación texto-sobre-fondo con ratio ≥ 4.5 cumple AA para texto normal; ≥ 3 cumple AA para texto grande y componentes de interfaz.

St. Patrick's Day Color Palette — #046307 #4D7C0F #C9A227 #F0FDF4 #97B78D — Tintiva