Startseite Farbpaletten Palette „Carolina Blue“ mit 4 Farben

Palette „Carolina Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Carolina 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.520

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #353941;
  --c-muted-2: #26282B;
  --c-muted-3: #5F85DB;
  --c-muted-4: #90B8F8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Carolina Blue (#90B8F8) bis zum dunkelsten Ton Graphite Black (#26282B). Sie vereint Antarctic Deep, Graphite Black, Blue Jay und Carolina Blue 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 #26282B auf #90B8F8 mit 7,32:1.

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

Farben im Detail

Antarctic Deep #353941

RGB: rgb(53, 57, 65)
HSL: hsl(220, 10%, 23%)
Luminanz: 0,041

Graphite Black #26282B

RGB: rgb(38, 40, 43)
HSL: hsl(216, 6%, 16%)
Luminanz: 0,021

Blue Jay #5F85DB

RGB: rgb(95, 133, 219)
HSL: hsl(222, 63%, 62%)
Luminanz: 0,243

Carolina Blue #90B8F8

RGB: rgb(144, 184, 248)
HSL: hsl(217, 88%, 77%)
Luminanz: 0,470

Kontrast & Barrierefreiheit

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

Aa #26282B auf #90B8F8 7,32:1 AAA

Aa #353941 auf #90B8F8 5,74:1 AA

Aa #26282B auf #5F85DB 4,13:1 AA (großer Text)

Aa #353941 auf #5F85DB 3,23:1 AA (großer Text)

Aa #5F85DB auf #90B8F8 1,77:1 Nicht bestanden

Aa #353941 auf #26282B 1,28:1 Nicht bestanden

Palette „Carolina Blue“ mit 4 Farben