Startseite Farbpaletten Palette „Deep Sea Dream“ mit 4 Farben

Palette „Deep Sea Dream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Deep Sea Dream“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.152

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #002C6A;
  --c-vibrant-2: #E45171;
  --c-vibrant-3: #F8A79B;
  --c-vibrant-4: #F8D99B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Phoenix Fossil (#F8D99B) bis zum dunkelsten Ton Deep Sea Dream (#002C6A). Sie vereint Deep Sea Dream, Camellia Rose, Duchess Rose und Phoenix Fossil 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 #002C6A auf #F8D99B mit 9,81:1.

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

Farben im Detail

Deep Sea Dream #002C6A

RGB: rgb(0, 44, 106)
HSL: hsl(215, 100%, 21%)
Luminanz: 0,028

Camellia Rose #E45171

RGB: rgb(228, 81, 113)
HSL: hsl(347, 73%, 61%)
Luminanz: 0,236

Duchess Rose #F8A79B

RGB: rgb(248, 167, 155)
HSL: hsl(8, 87%, 79%)
Luminanz: 0,500

Phoenix Fossil #F8D99B

RGB: rgb(248, 217, 155)
HSL: hsl(40, 87%, 79%)
Luminanz: 0,720

Kontrast & Barrierefreiheit

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

Aa #002C6A auf #F8D99B 9,81:1 AAA

Aa #002C6A auf #F8A79B 7,01:1 AAA

Aa #002C6A auf #E45171 3,64:1 AA (großer Text)

Aa #E45171 auf #F8D99B 2,69:1 Nicht bestanden

Aa #E45171 auf #F8A79B 1,92:1 Nicht bestanden

Aa #F8A79B auf #F8D99B 1,40:1 Nicht bestanden

Palette „Deep Sea Dream“ mit 4 Farben