Startseite Farbpaletten Palette „Crab Nebula“ mit 4 Farben

Palette „Crab Nebula“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Crab Nebula“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 3.718

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #E6F8F6;
  --c-vibrant-2: #A0F6D2;
  --c-vibrant-3: #72DFD0;
  --c-vibrant-4: #03414D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Melting Glacier (#E6F8F6) bis zum dunkelsten Ton Crab Nebula (#03414D). Sie vereint Melting Glacier, Pale Turquoise, Andes Sky und Crab Nebula 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 #E6F8F6 auf #03414D 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

Melting Glacier #E6F8F6

RGB: rgb(230, 248, 246)
HSL: hsl(173, 56%, 94%)
Luminanz: 0,906

Pale Turquoise #A0F6D2

RGB: rgb(160, 246, 210)
HSL: hsl(155, 83%, 80%)
Luminanz: 0,780

Andes Sky #72DFD0

RGB: rgb(114, 223, 208)
HSL: hsl(172, 63%, 66%)
Luminanz: 0,609

Crab Nebula #03414D

RGB: rgb(3, 65, 77)
HSL: hsl(190, 93%, 16%)
Luminanz: 0,043

Kontrast & Barrierefreiheit

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

Aa #E6F8F6 auf #03414D 10,24:1 AAA

Aa #A0F6D2 auf #03414D 8,89:1 AAA

Aa #72DFD0 auf #03414D 7,06:1 AAA

Aa #E6F8F6 auf #72DFD0 1,45:1 Nicht bestanden

Aa #A0F6D2 auf #72DFD0 1,26:1 Nicht bestanden

Aa #E6F8F6 auf #A0F6D2 1,15:1 Nicht bestanden

Palette „Crab Nebula“ mit 4 Farben