Startseite Farbpaletten IBM Color Blind Safe

IBM Color Blind Safe

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

IBM Color Blind Safe

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär tritanopia ibm colorblind deuteranopia

Likes 32

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #648FFF;
  --c-vibrant-2: #785EF0;
  --c-vibrant-3: #DC267F;
  --c-vibrant-4: #FE6100;
  --c-vibrant-5: #FFB000;
  --c-vibrant-6: #000000;
  --c-vibrant-7: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Deep Denim, Candy Grape Fizz, Mystic Magenta, Vivid Orange, Frenzy, Black und White 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 #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Deep Denim #648FFF

RGB: rgb(100, 143, 255)
HSL: hsl(223, 100%, 70%)
Luminanz: 0,296

Candy Grape Fizz #785EF0

RGB: rgb(120, 94, 240)
HSL: hsl(251, 83%, 65%)
Luminanz: 0,183

Mystic Magenta #DC267F

RGB: rgb(220, 38, 127)
HSL: hsl(331, 72%, 51%)
Luminanz: 0,181

Vivid Orange #FE6100

RGB: rgb(254, 97, 0)
HSL: hsl(23, 100%, 50%)
Luminanz: 0,296

Frenzy #FFB000

RGB: rgb(255, 176, 0)
HSL: hsl(41, 100%, 50%)
Luminanz: 0,523

Black #000000

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

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #FFB000 auf #000000 11,46:1 AAA

Aa #FE6100 auf #000000 6,92:1 AA

Aa #648FFF auf #000000 6,91:1 AA

Aa #785EF0 auf #000000 4,66:1 AA

Aa #DC267F auf #000000 4,63:1 AA

Aa #DC267F auf #FFFFFF 4,54:1 AA

Aa #785EF0 auf #FFFFFF 4,51:1 AA

Aa #648FFF auf #FFFFFF 3,04:1 AA (großer Text)

Aa #FE6100 auf #FFFFFF 3,03:1 AA (großer Text)

Aa #DC267F auf #FFB000 2,48:1 Nicht bestanden

Aa #785EF0 auf #FFB000 2,46:1 Nicht bestanden

Aa #FFB000 auf #FFFFFF 1,83:1 Nicht bestanden

Aa #648FFF auf #FFB000 1,66:1 Nicht bestanden

Aa #FE6100 auf #FFB000 1,66:1 Nicht bestanden

Aa #DC267F auf #FE6100 1,50:1 Nicht bestanden

Aa #648FFF auf #DC267F 1,49:1 Nicht bestanden

Aa #785EF0 auf #FE6100 1,49:1 Nicht bestanden

Aa #648FFF auf #785EF0 1,48:1 Nicht bestanden

Aa #785EF0 auf #DC267F 1,01:1 Nicht bestanden

Aa #648FFF auf #FE6100 1,00:1 Nicht bestanden

IBM Color Blind Safe