Startseite Farbpaletten Palette „Too Blue to Be True“ mit 4 Farben

Palette „Too Blue to Be True“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Too Blue to Be True“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 5.351

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #23374D;
  --c-muted-2: #1089FF;
  --c-muted-3: #E5E5E5;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Cool Air of Debonair (#23374D). Sie vereint Cool Air of Debonair, Too Blue to Be True, Cold Morning und Super Silver 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 #23374D auf #EEEEEE mit 10,49:1.

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

Farben im Detail

Cool Air of Debonair #23374D

RGB: rgb(35, 55, 77)
HSL: hsl(211, 38%, 22%)
Luminanz: 0,036

Too Blue to Be True #1089FF

RGB: rgb(16, 137, 255)
HSL: hsl(210, 100%, 53%)
Luminanz: 0,252

Cold Morning #E5E5E5

RGB: rgb(229, 229, 229)
HSL: hsl(0, 0%, 90%)
Luminanz: 0,784

Super Silver #EEEEEE

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

Kontrast & Barrierefreiheit

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

Aa #23374D auf #EEEEEE 10,49:1 AAA

Aa #23374D auf #E5E5E5 9,66:1 AAA

Aa #23374D auf #1089FF 3,50:1 AA (großer Text)

Aa #1089FF auf #EEEEEE 2,99:1 Nicht bestanden

Aa #1089FF auf #E5E5E5 2,76:1 Nicht bestanden

Aa #E5E5E5 auf #EEEEEE 1,09:1 Nicht bestanden

Palette „Too Blue to Be True“ mit 4 Farben