Startseite Farbpaletten Palette „Three Ring Circus“ mit 4 Farben

Palette „Three Ring Circus“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Three Ring Circus“ 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 9.627

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #1D2D50;
  --c-vibrant-2: #133B5C;
  --c-vibrant-3: #1E5F74;
  --c-vibrant-4: #FCDAB7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Three Ring Circus (#FCDAB7) bis zum dunkelsten Ton Pico Void (#1D2D50). Sie vereint Pico Void, Poseidon, Holiday Velvet und Three Ring Circus 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 #1D2D50 auf #FCDAB7 mit 10,27:1.

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

Farben im Detail

Pico Void #1D2D50

RGB: rgb(29, 45, 80)
HSL: hsl(221, 47%, 21%)
Luminanz: 0,027

Poseidon #133B5C

RGB: rgb(19, 59, 92)
HSL: hsl(207, 66%, 22%)
Luminanz: 0,040

Holiday Velvet #1E5F74

RGB: rgb(30, 95, 116)
HSL: hsl(195, 59%, 29%)
Luminanz: 0,097

Three Ring Circus #FCDAB7

RGB: rgb(252, 218, 183)
HSL: hsl(30, 92%, 85%)
Luminanz: 0,743

Kontrast & Barrierefreiheit

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

Aa #1D2D50 auf #FCDAB7 10,27:1 AAA

Aa #133B5C auf #FCDAB7 8,77:1 AAA

Aa #1E5F74 auf #FCDAB7 5,38:1 AA

Aa #1D2D50 auf #1E5F74 1,91:1 Nicht bestanden

Aa #133B5C auf #1E5F74 1,63:1 Nicht bestanden

Aa #1D2D50 auf #133B5C 1,17:1 Nicht bestanden

Palette „Three Ring Circus“ mit 4 Farben