Startseite Farbpaletten Palette „Blue Atoll“ mit 4 Farben

Palette „Blue Atoll“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Blue Atoll“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 7.791

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #03045E;
  --c-vibrant-2: #00B4D8;
  --c-vibrant-3: #90E0EF;
  --c-vibrant-4: #CAF0F8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Vaporised (#CAF0F8) bis zum dunkelsten Ton Abyssal Blue (#03045E). Sie vereint Abyssal Blue, Blue Atoll, Photon Barrier und Vaporised in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #03045E auf #CAF0F8 mit 14,65:1.

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

Farben im Detail

Abyssal Blue #03045E

RGB: rgb(3, 4, 94)
HSL: hsl(239, 94%, 19%)
Luminanz: 0,009

Blue Atoll #00B4D8

RGB: rgb(0, 180, 216)
HSL: hsl(190, 100%, 42%)
Luminanz: 0,376

Photon Barrier #90E0EF

RGB: rgb(144, 224, 239)
HSL: hsl(189, 75%, 75%)
Luminanz: 0,655

Vaporised #CAF0F8

RGB: rgb(202, 240, 248)
HSL: hsl(190, 77%, 88%)
Luminanz: 0,817

Kontrast & Barrierefreiheit

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

Aa #03045E auf #CAF0F8 14,65:1 AAA

Aa #03045E auf #90E0EF 11,92:1 AAA

Aa #03045E auf #00B4D8 7,20:1 AAA

Aa #00B4D8 auf #CAF0F8 2,03:1 Nicht bestanden

Aa #00B4D8 auf #90E0EF 1,65:1 Nicht bestanden

Aa #90E0EF auf #CAF0F8 1,23:1 Nicht bestanden

Palette „Blue Atoll“ mit 4 Farben