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 1.882

Farben 4

CSS-Variablen

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

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Calamansi (#FBFFA3) bis zum dunkelsten Ton Empress Teal (#0D625E). Sie vereint Calamansi, Venomous Sting, Spring Bouquet und Empress Teal 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 #FBFFA3 auf #0D625E mit 6,81:1.

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

Farben im Detail

Calamansi #FBFFA3

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

Venomous Sting #C6E872

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

Spring Bouquet #66D37E

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

Empress Teal #0D625E

RGB: rgb(13, 98, 94)
HSL: hsl(177, 77%, 22%)
Luminanz: 0,096

Kontrast & Barrierefreiheit

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

Aa #FBFFA3 auf #0D625E 6,81:1 AA

Aa #C6E872 auf #0D625E 5,19:1 AA

Aa #66D37E auf #0D625E 3,82:1 AA (großer Text)

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

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

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

Palette „Calamansi“ mit 4 Farben