Startseite Farbpaletten Palette „Boudoir Blue“ mit 4 Farben

Palette „Boudoir Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Boudoir Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 3.731

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #303841;
  --c-muted-2: #47555E;
  --c-muted-3: #7AA5D2;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Prestige Blue (#303841). Sie vereint Prestige Blue, Good Night!, Boudoir Blue und Super Silver 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 #303841 auf #EEEEEE mit 10,24:1.

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

Farben im Detail

Prestige Blue #303841

RGB: rgb(48, 56, 65)
HSL: hsl(212, 15%, 22%)
Luminanz: 0,038

Good Night! #47555E

RGB: rgb(71, 85, 94)
HSL: hsl(203, 14%, 32%)
Luminanz: 0,086

Boudoir Blue #7AA5D2

RGB: rgb(122, 165, 210)
HSL: hsl(211, 49%, 65%)
Luminanz: 0,357

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #303841 auf #EEEEEE 10,24:1 AAA

Aa #47555E auf #EEEEEE 6,63:1 AA

Aa #303841 auf #7AA5D2 4,61:1 AA

Aa #47555E auf #7AA5D2 2,98:1 Nicht bestanden

Aa #7AA5D2 auf #EEEEEE 2,22:1 Nicht bestanden

Aa #303841 auf #47555E 1,54:1 Nicht bestanden

Palette „Boudoir Blue“ mit 4 Farben