Seoul City

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

Zurück zur Bibliothek

Seoul City

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär vibrant 6colors retro bright

Likes 70

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #26547C;
  --c-vibrant-2: #EF476F;
  --c-vibrant-3: #F78C6B;
  --c-vibrant-4: #FFD166;
  --c-vibrant-5: #06D6A0;
  --c-vibrant-6: #FFFCF9;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Eyeball (#FFFCF9) bis zum dunkelsten Ton Blueberry Twist (#26547C). Sie vereint Blueberry Twist, Radishical, Salmon Nigiri, Bright Halo, Caribbean Green und Eyeball in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #26547C auf #FFFCF9 mit 7,78:1.

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

Farben im Detail

Blueberry Twist #26547C

RGB: rgb(38, 84, 124)
HSL: hsl(208, 53%, 32%)
Luminanz: 0,082

Radishical #EF476F

RGB: rgb(239, 71, 111)
HSL: hsl(346, 84%, 61%)
Luminanz: 0,240

Salmon Nigiri #F78C6B

RGB: rgb(247, 140, 107)
HSL: hsl(14, 90%, 69%)
Luminanz: 0,396

Bright Halo #FFD166

RGB: rgb(255, 209, 102)
HSL: hsl(42, 100%, 70%)
Luminanz: 0,678

Caribbean Green #06D6A0

RGB: rgb(6, 214, 160)
HSL: hsl(164, 95%, 43%)
Luminanz: 0,507

Eyeball #FFFCF9

RGB: rgb(255, 252, 249)
HSL: hsl(30, 100%, 99%)
Luminanz: 0,977

Kontrast & Barrierefreiheit

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

Aa #26547C auf #FFFCF9 7,78:1 AAA

Aa #26547C auf #FFD166 5,51:1 AA

Aa #26547C auf #06D6A0 4,21:1 AA (großer Text)

Aa #EF476F auf #FFFCF9 3,54:1 AA (großer Text)

Aa #26547C auf #F78C6B 3,38:1 AA (großer Text)

Aa #EF476F auf #FFD166 2,51:1 Nicht bestanden

Aa #F78C6B auf #FFFCF9 2,30:1 Nicht bestanden

Aa #26547C auf #EF476F 2,20:1 Nicht bestanden

Aa #EF476F auf #06D6A0 1,92:1 Nicht bestanden

Aa #06D6A0 auf #FFFCF9 1,85:1 Nicht bestanden

Aa #F78C6B auf #FFD166 1,63:1 Nicht bestanden

Aa #EF476F auf #F78C6B 1,54:1 Nicht bestanden

Aa #FFD166 auf #FFFCF9 1,41:1 Nicht bestanden

Aa #FFD166 auf #06D6A0 1,31:1 Nicht bestanden

Aa #F78C6B auf #06D6A0 1,25:1 Nicht bestanden

Seoul City

Seoul City

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen