Startseite Farbpaletten Palette „Carla“ mit 4 Farben

Palette „Carla“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Carla“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 5.315

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #12486B;
  --c-vibrant-2: #419197;
  --c-vibrant-3: #78D6C6;
  --c-vibrant-4: #F5FCCD;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Carla (#F5FCCD) bis zum dunkelsten Ton Tanzanite Blue (#12486B). Sie vereint Tanzanite Blue, Catalan, Turquoise Twist und Carla 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 #12486B auf #F5FCCD mit 9,09:1.

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

Farben im Detail

Tanzanite Blue #12486B

RGB: rgb(18, 72, 107)
HSL: hsl(204, 71%, 25%)
Luminanz: 0,058

Catalan #419197

RGB: rgb(65, 145, 151)
HSL: hsl(184, 40%, 42%)
Luminanz: 0,236

Turquoise Twist #78D6C6

RGB: rgb(120, 214, 198)
HSL: hsl(170, 53%, 65%)
Luminanz: 0,562

Carla #F5FCCD

RGB: rgb(245, 252, 205)
HSL: hsl(69, 89%, 90%)
Luminanz: 0,934

Kontrast & Barrierefreiheit

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

Aa #12486B auf #F5FCCD 9,09:1 AAA

Aa #12486B auf #78D6C6 5,65:1 AA

Aa #419197 auf #F5FCCD 3,44:1 AA (großer Text)

Aa #12486B auf #419197 2,64:1 Nicht bestanden

Aa #419197 auf #78D6C6 2,14:1 Nicht bestanden

Aa #78D6C6 auf #F5FCCD 1,61:1 Nicht bestanden

Palette „Carla“ mit 4 Farben