Startseite Farbpaletten Palette „Emerald Ice Palace“ mit 4 Farben

Palette „Emerald Ice Palace“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Emerald Ice Palace“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 1.625

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #243D44;
  --c-vibrant-2: #167A8B;
  --c-vibrant-3: #2DEA8F;
  --c-vibrant-4: #24B273;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Emerald Ice Palace (#2DEA8F) bis zum dunkelsten Ton Cool Current (#243D44). Sie vereint Cool Current, Caribe, Emerald Ice Palace und Salsify Grass in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #243D44 auf #2DEA8F mit 7,27:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Cool Current #243D44

RGB: rgb(36, 61, 68)
HSL: hsl(193, 31%, 20%)
Luminanz: 0,041

Caribe #167A8B

RGB: rgb(22, 122, 139)
HSL: hsl(189, 73%, 32%)
Luminanz: 0,160

Emerald Ice Palace #2DEA8F

RGB: rgb(45, 234, 143)
HSL: hsl(151, 82%, 55%)
Luminanz: 0,614

Salsify Grass #24B273

RGB: rgb(36, 178, 115)
HSL: hsl(153, 66%, 42%)
Luminanz: 0,335

Kontrast & Barrierefreiheit

1 von 6 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #243D44 auf #2DEA8F 7,27:1 AAA

Aa #243D44 auf #24B273 4,21:1 AA (großer Text)

Aa #167A8B auf #2DEA8F 3,17:1 AA (großer Text)

Aa #243D44 auf #167A8B 2,30:1 Nicht bestanden

Aa #167A8B auf #24B273 1,84:1 Nicht bestanden

Aa #2DEA8F auf #24B273 1,73:1 Nicht bestanden

Palette „Emerald Ice Palace“ mit 4 Farben