Startseite Farbpaletten Palette „Calamansi“ mit 4 Farben

Palette „Calamansi“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Calamansi“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 2.024

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #083836;
  --c-vibrant-2: #66D37E;
  --c-vibrant-3: #C6E872;
  --c-vibrant-4: #FBFFA3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Calamansi (#FBFFA3) bis zum dunkelsten Ton Shrub Green (#083836). Sie vereint Shrub Green, Spring Bouquet, Venomous Sting und Calamansi in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #083836 auf #FBFFA3 mit 12,24:1.

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

Farben im Detail

Shrub Green #083836

RGB: rgb(8, 56, 54)
HSL: hsl(178, 75%, 13%)
Luminanz: 0,032

Spring Bouquet #66D37E

RGB: rgb(102, 211, 126)
HSL: hsl(133, 55%, 61%)
Luminanz: 0,509

Venomous Sting #C6E872

RGB: rgb(198, 232, 114)
HSL: hsl(77, 72%, 68%)
Luminanz: 0,709

Calamansi #FBFFA3

RGB: rgb(251, 255, 163)
HSL: hsl(63, 100%, 82%)
Luminanz: 0,947

Kontrast & Barrierefreiheit

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

Aa #083836 auf #FBFFA3 12,24:1 AAA

Aa #083836 auf #C6E872 9,32:1 AAA

Aa #083836 auf #66D37E 6,86:1 AA

Aa #66D37E auf #FBFFA3 1,78:1 Nicht bestanden

Aa #66D37E auf #C6E872 1,36:1 Nicht bestanden

Aa #C6E872 auf #FBFFA3 1,31:1 Nicht bestanden

Palette „Calamansi“ mit 4 Farben