Chiba

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

Zurück zur Bibliothek

Chiba

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Kühl Gemischt Komplementär pastel chiba

Likes 64

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #F5A8CA;
  --c-vibrant-2: #E7C8E7;
  --c-vibrant-3: #EAF3FC;
  --c-vibrant-4: #83D2BB;
  --c-vibrant-5: #162EB4;
  --c-vibrant-6: #112886;
  --c-vibrant-7: #0A1624;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Moon White (#EAF3FC) bis zum dunkelsten Ton Creeping Death (#0A1624). Sie vereint Rose Mallow, Prom Corsage, Moon White, Blue Frosting, Persian Blue, Naval Adventures und Creeping Death in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EAF3FC auf #0A1624 mit 16,24:1.

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

Farben im Detail

Rose Mallow #F5A8CA

RGB: rgb(245, 168, 202)
HSL: hsl(334, 79%, 81%)
Luminanz: 0,517

Prom Corsage #E7C8E7

RGB: rgb(231, 200, 231)
HSL: hsl(300, 39%, 85%)
Luminanz: 0,641

Moon White #EAF3FC

RGB: rgb(234, 243, 252)
HSL: hsl(210, 75%, 95%)
Luminanz: 0,886

Blue Frosting #83D2BB

RGB: rgb(131, 210, 187)
HSL: hsl(163, 47%, 67%)
Luminanz: 0,545

Persian Blue #162EB4

RGB: rgb(22, 46, 180)
HSL: hsl(231, 78%, 40%)
Luminanz: 0,054

Naval Adventures #112886

RGB: rgb(17, 40, 134)
HSL: hsl(228, 77%, 30%)
Luminanz: 0,034

Creeping Death #0A1624

RGB: rgb(10, 22, 36)
HSL: hsl(212, 57%, 9%)
Luminanz: 0,008

Kontrast & Barrierefreiheit

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

Aa #EAF3FC auf #0A1624 16,24:1 AAA

Aa #E7C8E7 auf #0A1624 11,98:1 AAA

Aa #EAF3FC auf #112886 11,20:1 AAA

Aa #83D2BB auf #0A1624 10,32:1 AAA

Aa #F5A8CA auf #0A1624 9,83:1 AAA

Aa #EAF3FC auf #162EB4 8,98:1 AAA

Aa #E7C8E7 auf #112886 8,26:1 AAA

Aa #83D2BB auf #112886 7,12:1 AAA

Aa #F5A8CA auf #112886 6,78:1 AA

Aa #E7C8E7 auf #162EB4 6,63:1 AA

Aa #83D2BB auf #162EB4 5,71:1 AA

Aa #F5A8CA auf #162EB4 5,44:1 AA

Aa #162EB4 auf #0A1624 1,81:1 Nicht bestanden

Aa #F5A8CA auf #EAF3FC 1,65:1 Nicht bestanden

Aa #EAF3FC auf #83D2BB 1,57:1 Nicht bestanden

Aa #112886 auf #0A1624 1,45:1 Nicht bestanden

Aa #E7C8E7 auf #EAF3FC 1,36:1 Nicht bestanden

Aa #162EB4 auf #112886 1,25:1 Nicht bestanden

Aa #F5A8CA auf #E7C8E7 1,22:1 Nicht bestanden

Aa #E7C8E7 auf #83D2BB 1,16:1 Nicht bestanden

Aa #F5A8CA auf #83D2BB 1,05:1 Nicht bestanden

Chiba

Chiba

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen