IceBerg

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

Zurück zur Bibliothek

IceBerg

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

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Monochrom ice

Likes 25

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #3B6584;
  --c-muted-2: #293E58;
  --c-muted-3: #24304D;
  --c-muted-4: #EDF2F8;
  --c-muted-5: #B8C8DE;
  --c-muted-6: #A9BDD8;
  --c-muted-7: #7C9AC2;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Airport (#EDF2F8) bis zum dunkelsten Ton Blue Lobelia (#24304D). Sie vereint Naval Passage, Blue Tone Ink, Blue Lobelia, Airport, Penna, Canopy Bed und Bel Air Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #24304D auf #EDF2F8 mit 11,62:1.

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

Farben im Detail

Naval Passage #3B6584

RGB: rgb(59, 101, 132)
HSL: hsl(205, 38%, 37%)
Luminanz: 0,119

Blue Tone Ink #293E58

RGB: rgb(41, 62, 88)
HSL: hsl(213, 36%, 25%)
Luminanz: 0,046

Blue Lobelia #24304D

RGB: rgb(36, 48, 77)
HSL: hsl(222, 36%, 22%)
Luminanz: 0,030

Airport #EDF2F8

RGB: rgb(237, 242, 248)
HSL: hsl(213, 44%, 95%)
Luminanz: 0,883

Penna #B8C8DE

RGB: rgb(184, 200, 222)
HSL: hsl(215, 37%, 80%)
Luminanz: 0,568

Canopy Bed #A9BDD8

RGB: rgb(169, 189, 216)
HSL: hsl(214, 38%, 75%)
Luminanz: 0,498

Bel Air Blue #7C9AC2

RGB: rgb(124, 154, 194)
HSL: hsl(214, 36%, 62%)
Luminanz: 0,313

Kontrast & Barrierefreiheit

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

Aa #24304D auf #EDF2F8 11,62:1 AAA

Aa #293E58 auf #EDF2F8 9,70:1 AAA

Aa #24304D auf #B8C8DE 7,70:1 AAA

Aa #24304D auf #A9BDD8 6,83:1 AA

Aa #293E58 auf #B8C8DE 6,42:1 AA

Aa #293E58 auf #A9BDD8 5,69:1 AA

Aa #3B6584 auf #EDF2F8 5,52:1 AA

Aa #24304D auf #7C9AC2 4,52:1 AA

Aa #293E58 auf #7C9AC2 3,77:1 AA (großer Text)

Aa #3B6584 auf #B8C8DE 3,65:1 AA (großer Text)

Aa #3B6584 auf #A9BDD8 3,24:1 AA (großer Text)

Aa #EDF2F8 auf #7C9AC2 2,57:1 Nicht bestanden

Aa #3B6584 auf #7C9AC2 2,15:1 Nicht bestanden

Aa #3B6584 auf #24304D 2,11:1 Nicht bestanden

Aa #3B6584 auf #293E58 1,76:1 Nicht bestanden

Aa #EDF2F8 auf #A9BDD8 1,70:1 Nicht bestanden

Aa #B8C8DE auf #7C9AC2 1,70:1 Nicht bestanden

Aa #EDF2F8 auf #B8C8DE 1,51:1 Nicht bestanden

Aa #A9BDD8 auf #7C9AC2 1,51:1 Nicht bestanden

Aa #293E58 auf #24304D 1,20:1 Nicht bestanden

Aa #B8C8DE auf #A9BDD8 1,13:1 Nicht bestanden

IceBerg

IceBerg

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen