Blossom X6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Blossom X6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 6 Farben Warm Gemischt Monochrom orange pink red blossom

Likes 14

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #B3003C;
  --c-vibrant-2: #FF4B4B;
  --c-vibrant-3: #E72E4A;
  --c-vibrant-4: #FFFFFF;
  --c-vibrant-5: #CD1351;
  --c-vibrant-6: #000000;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint M. Bison, Blood Burst, Manganese Red, White, Love Juice und Black 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 #FFFFFF auf #000000 mit 21:1.

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

Farben im Detail

M. Bison #B3003C

RGB: rgb(179, 0, 60)
HSL: hsl(340, 100%, 35%)
Luminanz: 0,099

Blood Burst #FF4B4B

RGB: rgb(255, 75, 75)
HSL: hsl(0, 100%, 65%)
Luminanz: 0,268

Manganese Red #E72E4A

RGB: rgb(231, 46, 74)
HSL: hsl(351, 79%, 54%)
Luminanz: 0,194

White #FFFFFF

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

Love Juice #CD1351

RGB: rgb(205, 19, 81)
HSL: hsl(340, 83%, 44%)
Luminanz: 0,140

Black #000000

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

Kontrast & Barrierefreiheit

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

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

Aa #B3003C auf #FFFFFF 7,04:1 AAA

Aa #FF4B4B auf #000000 6,36:1 AA

Aa #FFFFFF auf #CD1351 5,52:1 AA

Aa #E72E4A auf #000000 4,89:1 AA

Aa #E72E4A auf #FFFFFF 4,30:1 AA (großer Text)

Aa #CD1351 auf #000000 3,81:1 AA (großer Text)

Aa #FF4B4B auf #FFFFFF 3,30:1 AA (großer Text)

Aa #B3003C auf #000000 2,98:1 Nicht bestanden

Aa #B3003C auf #FF4B4B 2,13:1 Nicht bestanden

Aa #FF4B4B auf #CD1351 1,67:1 Nicht bestanden

Aa #B3003C auf #E72E4A 1,64:1 Nicht bestanden

Aa #FF4B4B auf #E72E4A 1,30:1 Nicht bestanden

Aa #B3003C auf #CD1351 1,28:1 Nicht bestanden

Aa #E72E4A auf #CD1351 1,28:1 Nicht bestanden

Blossom X6

Blossom X6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen