Startseite Farbpaletten Palette „Porcelain Earth“ mit 4 Farben

Palette „Porcelain Earth“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Porcelain Earth“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 4.254

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1B5A7A;
  --c-vibrant-2: #1AA59A;
  --c-vibrant-3: #A6ED8E;
  --c-vibrant-4: #F3FFB9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Porcelain Earth (#F3FFB9) bis zum dunkelsten Ton Saltwater Denim (#1B5A7A). Sie vereint Saltwater Denim, Ceramic Blue Turquoise, Paradise Green und Porcelain Earth 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 #1B5A7A auf #F3FFB9 mit 7,1:1.

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

Farben im Detail

Saltwater Denim #1B5A7A

RGB: rgb(27, 90, 122)
HSL: hsl(200, 64%, 29%)
Luminanz: 0,090

Ceramic Blue Turquoise #1AA59A

RGB: rgb(26, 165, 154)
HSL: hsl(175, 73%, 37%)
Luminanz: 0,295

Paradise Green #A6ED8E

RGB: rgb(166, 237, 142)
HSL: hsl(105, 73%, 74%)
Luminanz: 0,706

Porcelain Earth #F3FFB9

RGB: rgb(243, 255, 185)
HSL: hsl(70, 100%, 86%)
Luminanz: 0,941

Kontrast & Barrierefreiheit

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

Aa #1B5A7A auf #F3FFB9 7,10:1 AAA

Aa #1B5A7A auf #A6ED8E 5,42:1 AA

Aa #1AA59A auf #F3FFB9 2,87:1 Nicht bestanden

Aa #1B5A7A auf #1AA59A 2,47:1 Nicht bestanden

Aa #1AA59A auf #A6ED8E 2,19:1 Nicht bestanden

Aa #A6ED8E auf #F3FFB9 1,31:1 Nicht bestanden

Palette „Porcelain Earth“ mit 4 Farben