Startseite Farbpaletten Palette „Porcelain Green“ mit 4 Farben

Palette „Porcelain Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Porcelain Green“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 3.912

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2F4B2;
  --c-vibrant-2: #CCE490;
  --c-vibrant-3: #0C907D;
  --c-vibrant-4: #0D627A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Patrinia Scabiosaefolia (#F2F4B2) bis zum dunkelsten Ton Blue Enchantment (#0D627A). Sie vereint Patrinia Scabiosaefolia, Shadow Lime, Porcelain Green und Blue Enchantment in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2F4B2 auf #0D627A mit 6,03:1.

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

Farben im Detail

Patrinia Scabiosaefolia #F2F4B2

RGB: rgb(242, 244, 178)
HSL: hsl(62, 75%, 83%)
Luminanz: 0,868

Shadow Lime #CCE490

RGB: rgb(204, 228, 144)
HSL: hsl(77, 61%, 73%)
Luminanz: 0,703

Porcelain Green #0C907D

RGB: rgb(12, 144, 125)
HSL: hsl(171, 85%, 31%)
Luminanz: 0,215

Blue Enchantment #0D627A

RGB: rgb(13, 98, 122)
HSL: hsl(193, 81%, 26%)
Luminanz: 0,102

Kontrast & Barrierefreiheit

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

Aa #F2F4B2 auf #0D627A 6,03:1 AA

Aa #CCE490 auf #0D627A 4,95:1 AA

Aa #F2F4B2 auf #0C907D 3,46:1 AA (großer Text)

Aa #CCE490 auf #0C907D 2,84:1 Nicht bestanden

Aa #0C907D auf #0D627A 1,74:1 Nicht bestanden

Aa #F2F4B2 auf #CCE490 1,22:1 Nicht bestanden

Palette „Porcelain Green“ mit 4 Farben