Startseite Farbpaletten Palette „Non-Photo Blue“ mit 4 Farben

Palette „Non-Photo Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Non-Photo Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 4.470

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #233142;
  --c-muted-2: #36506C;
  --c-muted-3: #A5DEF1;
  --c-muted-4: #EBF7FD;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Clear Skies (#EBF7FD) bis zum dunkelsten Ton Crow Black (#233142). Sie vereint Crow Black, Police Blue, Non-Photo Blue und Clear Skies in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #233142 auf #EBF7FD mit 12,11:1.

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

Farben im Detail

Crow Black #233142

RGB: rgb(35, 49, 66)
HSL: hsl(213, 31%, 20%)
Luminanz: 0,030

Police Blue #36506C

RGB: rgb(54, 80, 108)
HSL: hsl(211, 33%, 32%)
Luminanz: 0,076

Non-Photo Blue #A5DEF1

RGB: rgb(165, 222, 241)
HSL: hsl(195, 73%, 80%)
Luminanz: 0,666

Clear Skies #EBF7FD

RGB: rgb(235, 247, 253)
HSL: hsl(200, 82%, 96%)
Luminanz: 0,913

Kontrast & Barrierefreiheit

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

Aa #233142 auf #EBF7FD 12,11:1 AAA

Aa #233142 auf #A5DEF1 9,01:1 AAA

Aa #36506C auf #EBF7FD 7,64:1 AAA

Aa #36506C auf #A5DEF1 5,68:1 AA

Aa #233142 auf #36506C 1,59:1 Nicht bestanden

Aa #A5DEF1 auf #EBF7FD 1,34:1 Nicht bestanden

Palette „Non-Photo Blue“ mit 4 Farben