Startseite Farbpaletten Palette „Ahoy! Blue“ mit 4 Farben

Palette „Ahoy! Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Ahoy! Blue“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 4.514

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F9F8ED;
  --c-vibrant-2: #F4E7D3;
  --c-vibrant-3: #0881A3;
  --c-vibrant-4: #1F4E5F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Night Blooming Jasmine (#F9F8ED) bis zum dunkelsten Ton Rugged Teal (#1F4E5F). Sie vereint Night Blooming Jasmine, Dairy Belle, Ahoy! Blue und Rugged Teal 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 #F9F8ED auf #1F4E5F mit 8,51:1.

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

Farben im Detail

Night Blooming Jasmine #F9F8ED

RGB: rgb(249, 248, 237)
HSL: hsl(55, 50%, 95%)
Luminanz: 0,934

Dairy Belle #F4E7D3

RGB: rgb(244, 231, 211)
HSL: hsl(36, 60%, 89%)
Luminanz: 0,811

Ahoy! Blue #0881A3

RGB: rgb(8, 129, 163)
HSL: hsl(193, 91%, 34%)
Luminanz: 0,184

Rugged Teal #1F4E5F

RGB: rgb(31, 78, 95)
HSL: hsl(196, 51%, 25%)
Luminanz: 0,066

Kontrast & Barrierefreiheit

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

Aa #F9F8ED auf #1F4E5F 8,51:1 AAA

Aa #F4E7D3 auf #1F4E5F 7,44:1 AAA

Aa #F9F8ED auf #0881A3 4,21:1 AA (großer Text)

Aa #F4E7D3 auf #0881A3 3,68:1 AA (großer Text)

Aa #0881A3 auf #1F4E5F 2,02:1 Nicht bestanden

Aa #F9F8ED auf #F4E7D3 1,14:1 Nicht bestanden

Palette „Ahoy! Blue“ mit 4 Farben