Startseite Farbpaletten FOUND THE FOURTH COLOR

FOUND THE FOURTH COLOR

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

Zurück zur Bibliothek

FOUND THE FOURTH COLOR

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

Bearbeiten

Lebendig 8 Farben Kühl Gemischt Komplementär artist 8 saturated rgb

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #221F3A;
  --c-vibrant-2: #8FAED6;
  --c-vibrant-3: #C7D6EA;
  --c-vibrant-4: #FFFFFF;
  --c-vibrant-5: #E3004B;
  --c-vibrant-6: #F0FF86;
  --c-vibrant-7: #00A266;
  --c-vibrant-8: #3756EB;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Throat (#221F3A). Sie vereint Throat, Casual Water, Light Radar, White, Lotti Red, Yellowish Tan, Emerald Light Green und Veteran’s Day Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #221F3A auf #FFFFFF mit 15,85:1.

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

Farben im Detail

Throat #221F3A

RGB: rgb(34, 31, 58)
HSL: hsl(247, 30%, 17%)
Luminanz: 0,016

Casual Water #8FAED6

RGB: rgb(143, 174, 214)
HSL: hsl(214, 46%, 70%)
Luminanz: 0,410

Light Radar #C7D6EA

RGB: rgb(199, 214, 234)
HSL: hsl(214, 45%, 85%)
Luminanz: 0,662

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Lotti Red #E3004B

RGB: rgb(227, 0, 75)
HSL: hsl(340, 100%, 45%)
Luminanz: 0,168

Yellowish Tan #F0FF86

RGB: rgb(240, 255, 134)
HSL: hsl(67, 100%, 76%)
Luminanz: 0,918

Emerald Light Green #00A266

RGB: rgb(0, 162, 102)
HSL: hsl(158, 100%, 32%)
Luminanz: 0,268

Veteran’s Day Blue #3756EB

RGB: rgb(55, 86, 235)
HSL: hsl(230, 82%, 57%)
Luminanz: 0,135

Kontrast & Barrierefreiheit

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

Aa #221F3A auf #FFFFFF 15,85:1 AAA

Aa #221F3A auf #F0FF86 14,61:1 AAA

Aa #221F3A auf #C7D6EA 10,74:1 AAA

Aa #221F3A auf #8FAED6 6,94:1 AA

Aa #FFFFFF auf #3756EB 5,69:1 AA

Aa #F0FF86 auf #3756EB 5,24:1 AA

Aa #FFFFFF auf #E3004B 4,81:1 AA

Aa #221F3A auf #00A266 4,80:1 AA

Aa #E3004B auf #F0FF86 4,43:1 AA (großer Text)

Aa #C7D6EA auf #3756EB 3,85:1 AA (großer Text)

Aa #221F3A auf #E3004B 3,30:1 AA (großer Text)

Aa #FFFFFF auf #00A266 3,30:1 AA (großer Text)

Aa #C7D6EA auf #E3004B 3,26:1 AA (großer Text)

Aa #F0FF86 auf #00A266 3,04:1 AA (großer Text)

Aa #221F3A auf #3756EB 2,79:1 Nicht bestanden

Aa #8FAED6 auf #3756EB 2,49:1 Nicht bestanden

Aa #8FAED6 auf #FFFFFF 2,28:1 Nicht bestanden

Aa #C7D6EA auf #00A266 2,24:1 Nicht bestanden

Aa #8FAED6 auf #F0FF86 2,11:1 Nicht bestanden

Aa #8FAED6 auf #E3004B 2,10:1 Nicht bestanden

Aa #00A266 auf #3756EB 1,72:1 Nicht bestanden

Aa #8FAED6 auf #C7D6EA 1,55:1 Nicht bestanden

Aa #C7D6EA auf #FFFFFF 1,48:1 Nicht bestanden

Aa #E3004B auf #00A266 1,46:1 Nicht bestanden

Aa #8FAED6 auf #00A266 1,45:1 Nicht bestanden

Aa #C7D6EA auf #F0FF86 1,36:1 Nicht bestanden

Aa #E3004B auf #3756EB 1,18:1 Nicht bestanden

Aa #FFFFFF auf #F0FF86 1,09:1 Nicht bestanden

FOUND THE FOURTH COLOR