Rose&Rust

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

Zurück zur Bibliothek

Rose&Rust

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog

Likes 130

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FCD5AC;
  --c-vibrant-2: #F77E69;
  --c-vibrant-3: #D60A40;
  --c-vibrant-4: #A26D68;
  --c-vibrant-5: #572A30;
  --c-vibrant-6: #140208;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Aged Ivory (#FCD5AC) bis zum dunkelsten Ton Knight Rider (#140208). Sie vereint Aged Ivory, Slippery Salmon, Last Warning, Terra Rose, Dubonnet und Knight Rider 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 #FCD5AC auf #140208 mit 14,64:1.

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

Farben im Detail

Aged Ivory #FCD5AC

RGB: rgb(252, 213, 172)
HSL: hsl(31, 93%, 83%)
Luminanz: 0,713

Slippery Salmon #F77E69

RGB: rgb(247, 126, 105)
HSL: hsl(9, 90%, 69%)
Luminanz: 0,357

Last Warning #D60A40

RGB: rgb(214, 10, 64)
HSL: hsl(344, 91%, 44%)
Luminanz: 0,149

Terra Rose #A26D68

RGB: rgb(162, 109, 104)
HSL: hsl(5, 24%, 52%)
Luminanz: 0,196

Dubonnet #572A30

RGB: rgb(87, 42, 48)
HSL: hsl(352, 35%, 25%)
Luminanz: 0,039

Knight Rider #140208

RGB: rgb(20, 2, 8)
HSL: hsl(340, 82%, 4%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #FCD5AC auf #140208 14,64:1 AAA

Aa #FCD5AC auf #572A30 8,57:1 AAA

Aa #F77E69 auf #140208 7,82:1 AAA

Aa #A26D68 auf #140208 4,73:1 AA

Aa #F77E69 auf #572A30 4,58:1 AA

Aa #FCD5AC auf #D60A40 3,84:1 AA (großer Text)

Aa #D60A40 auf #140208 3,82:1 AA (großer Text)

Aa #FCD5AC auf #A26D68 3,10:1 AA (großer Text)

Aa #A26D68 auf #572A30 2,77:1 Nicht bestanden

Aa #D60A40 auf #572A30 2,24:1 Nicht bestanden

Aa #F77E69 auf #D60A40 2,05:1 Nicht bestanden

Aa #FCD5AC auf #F77E69 1,87:1 Nicht bestanden

Aa #572A30 auf #140208 1,71:1 Nicht bestanden

Aa #F77E69 auf #A26D68 1,65:1 Nicht bestanden

Aa #D60A40 auf #A26D68 1,24:1 Nicht bestanden

Rose&Rust

Rose&Rust

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen