Startseite Farbpaletten Seaside View [2 BIT]

Seaside View [2 BIT]

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

Zurück zur Bibliothek

Seaside View [2 BIT]

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch 2bit gb soundsdotzip 4colour

Likes 25

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0D1B33;
  --c-muted-2: #407153;
  --c-muted-3: #91ACBD;
  --c-muted-4: #EBF6C4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Snow Flurry (#EBF6C4) bis zum dunkelsten Ton Trapped Darkness (#0D1B33). Sie vereint Trapped Darkness, Foliage Green, Cotton Denim und Snow Flurry 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 #0D1B33 auf #EBF6C4 mit 15,15:1.

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

Farben im Detail

Trapped Darkness #0D1B33

RGB: rgb(13, 27, 51)
HSL: hsl(218, 59%, 13%)
Luminanz: 0,011

Foliage Green #407153

RGB: rgb(64, 113, 83)
HSL: hsl(143, 28%, 35%)
Luminanz: 0,135

Cotton Denim #91ACBD

RGB: rgb(145, 172, 189)
HSL: hsl(203, 25%, 65%)
Luminanz: 0,392

Snow Flurry #EBF6C4

RGB: rgb(235, 246, 196)
HSL: hsl(73, 74%, 87%)
Luminanz: 0,876

Kontrast & Barrierefreiheit

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

Aa #0D1B33 auf #EBF6C4 15,15:1 AAA

Aa #0D1B33 auf #91ACBD 7,24:1 AAA

Aa #407153 auf #EBF6C4 5,00:1 AA

Aa #0D1B33 auf #407153 3,03:1 AA (großer Text)

Aa #407153 auf #91ACBD 2,39:1 Nicht bestanden

Aa #91ACBD auf #EBF6C4 2,09:1 Nicht bestanden

Seaside View [2 BIT]