Startseite Farbpaletten Blue Screen Of Palette

Blue Screen Of Palette

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

Zurück zur Bibliothek

Blue Screen Of Palette

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

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Monochrom blue 6color windows bluescreenofdeath

Likes 55

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #16164D;
  --c-muted-2: #2E2E8C;
  --c-muted-3: #4646CC;
  --c-muted-4: #7474E8;
  --c-muted-5: #B8B8EF;
  --c-muted-6: #FFFFFF;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Tetsu-Kon Blue (#16164D). Sie vereint Tetsu-Kon Blue, Cosmic Cobalt, Royal Nightcore, Hera Blue, Purple Illusion und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #16164D auf #FFFFFF mit 16,72:1.

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

Farben im Detail

Tetsu-Kon Blue #16164D

RGB: rgb(22, 22, 77)
HSL: hsl(240, 56%, 19%)
Luminanz: 0,013

Cosmic Cobalt #2E2E8C

RGB: rgb(46, 46, 140)
HSL: hsl(240, 51%, 36%)
Luminanz: 0,044

Royal Nightcore #4646CC

RGB: rgb(70, 70, 204)
HSL: hsl(240, 57%, 54%)
Luminanz: 0,100

Hera Blue #7474E8

RGB: rgb(116, 116, 232)
HSL: hsl(240, 72%, 68%)
Luminanz: 0,220

Purple Illusion #B8B8EF

RGB: rgb(184, 184, 239)
HSL: hsl(240, 63%, 83%)
Luminanz: 0,507

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #16164D auf #FFFFFF 16,72:1 AAA

Aa #2E2E8C auf #FFFFFF 11,14:1 AAA

Aa #16164D auf #B8B8EF 8,87:1 AAA

Aa #4646CC auf #FFFFFF 6,98:1 AA

Aa #2E2E8C auf #B8B8EF 5,91:1 AA

Aa #16164D auf #7474E8 4,30:1 AA (großer Text)

Aa #7474E8 auf #FFFFFF 3,88:1 AA (großer Text)

Aa #4646CC auf #B8B8EF 3,70:1 AA (großer Text)

Aa #2E2E8C auf #7474E8 2,87:1 Nicht bestanden

Aa #16164D auf #4646CC 2,40:1 Nicht bestanden

Aa #7474E8 auf #B8B8EF 2,06:1 Nicht bestanden

Aa #B8B8EF auf #FFFFFF 1,88:1 Nicht bestanden

Aa #4646CC auf #7474E8 1,80:1 Nicht bestanden

Aa #2E2E8C auf #4646CC 1,60:1 Nicht bestanden

Aa #16164D auf #2E2E8C 1,50:1 Nicht bestanden

Blue Screen Of Palette