Startseite Farbpaletten Palette „Dark Denim Blue“ mit 4 Farben

Palette „Dark Denim Blue“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Dark Denim Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 2.004

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D5441C;
  --c-vibrant-2: #013C4D;
  --c-vibrant-3: #9DD5CB;
  --c-vibrant-4: #F3E5B1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Oyster Bisque (#F3E5B1) bis zum dunkelsten Ton Dark Denim Blue (#013C4D). Sie vereint Tomato Queen, Dark Denim Blue, Aqua Glow und Oyster Bisque in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #013C4D auf #F3E5B1 mit 9,49:1.

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

Farben im Detail

Tomato Queen #D5441C

RGB: rgb(213, 68, 28)
HSL: hsl(13, 77%, 47%)
Luminanz: 0,184

Dark Denim Blue #013C4D

RGB: rgb(1, 60, 77)
HSL: hsl(193, 97%, 15%)
Luminanz: 0,038

Aqua Glow #9DD5CB

RGB: rgb(157, 213, 203)
HSL: hsl(169, 40%, 73%)
Luminanz: 0,591

Oyster Bisque #F3E5B1

RGB: rgb(243, 229, 177)
HSL: hsl(47, 73%, 82%)
Luminanz: 0,783

Kontrast & Barrierefreiheit

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

Aa #013C4D auf #F3E5B1 9,49:1 AAA

Aa #013C4D auf #9DD5CB 7,30:1 AAA

Aa #D5441C auf #F3E5B1 3,56:1 AA (großer Text)

Aa #D5441C auf #9DD5CB 2,74:1 Nicht bestanden

Aa #D5441C auf #013C4D 2,66:1 Nicht bestanden

Aa #9DD5CB auf #F3E5B1 1,30:1 Nicht bestanden

Palette „Dark Denim Blue“ mit 4 Farben