Startseite Farbpaletten Palette „Creamy Orange Blush“ mit 4 Farben

Palette „Creamy Orange Blush“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Creamy Orange Blush“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 4.809

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #2E4C6D;
  --c-vibrant-2: #396EB0;
  --c-vibrant-3: #DADDFC;
  --c-vibrant-4: #FC997C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Transparent Blue (#DADDFC) bis zum dunkelsten Ton Blue Tang (#2E4C6D). Sie vereint Blue Tang, Nocturne Shade, Transparent Blue und Creamy Orange Blush in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2E4C6D auf #DADDFC mit 6,63:1.

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

Farben im Detail

Blue Tang #2E4C6D

RGB: rgb(46, 76, 109)
HSL: hsl(211, 41%, 30%)
Luminanz: 0,069

Nocturne Shade #396EB0

RGB: rgb(57, 110, 176)
HSL: hsl(213, 51%, 46%)
Luminanz: 0,152

Transparent Blue #DADDFC

RGB: rgb(218, 221, 252)
HSL: hsl(235, 85%, 92%)
Luminanz: 0,737

Creamy Orange Blush #FC997C

RGB: rgb(252, 153, 124)
HSL: hsl(14, 96%, 74%)
Luminanz: 0,449

Kontrast & Barrierefreiheit

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

Aa #2E4C6D auf #DADDFC 6,63:1 AA

Aa #2E4C6D auf #FC997C 4,21:1 AA (großer Text)

Aa #396EB0 auf #DADDFC 3,90:1 AA (großer Text)

Aa #396EB0 auf #FC997C 2,48:1 Nicht bestanden

Aa #2E4C6D auf #396EB0 1,70:1 Nicht bestanden

Aa #DADDFC auf #FC997C 1,58:1 Nicht bestanden

Palette „Creamy Orange Blush“ mit 4 Farben