Registrieren Registrieren
TY Bleu 8

TY Bleu 8

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

Zurück zur Bibliothek

TY Bleu 8

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

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Komplementär
Likes 32
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #D2DBB2;
  --c-muted-2: #ACA28F;
  --c-muted-3: #876771;
  --c-muted-4: #5F556D;
  --c-muted-5: #76BB8D;
  --c-muted-6: #468282;
  --c-muted-7: #40406D;
  --c-muted-8: #2A2724;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Prairie Willow (#D2DBB2) bis zum dunkelsten Ton Bokara Grey (#2A2724). Sie vereint Prairie Willow, Sage the Day, Grape Shake, Arraign, Water Fern, Paradiso, Overcast Night und Bokara Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D2DBB2 auf #2A2724 mit 10,26:1.

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

Farben im Detail

Prairie Willow #D2DBB2
RGB
rgb(210, 219, 178)
HSL
hsl(73, 36%, 78%)
Luminanz
0,676
Sage the Day #ACA28F
RGB
rgb(172, 162, 143)
HSL
hsl(39, 15%, 62%)
Luminanz
0,366
Grape Shake #876771
RGB
rgb(135, 103, 113)
HSL
hsl(341, 13%, 47%)
Luminanz
0,160
Arraign #5F556D
RGB
rgb(95, 85, 109)
HSL
hsl(265, 12%, 38%)
Luminanz
0,100
Water Fern #76BB8D
RGB
rgb(118, 187, 141)
HSL
hsl(140, 34%, 60%)
Luminanz
0,413
Paradiso #468282
RGB
rgb(70, 130, 130)
HSL
hsl(180, 30%, 39%)
Luminanz
0,189
Overcast Night #40406D
RGB
rgb(64, 64, 109)
HSL
hsl(240, 26%, 34%)
Luminanz
0,059
Bokara Grey #2A2724
RGB
rgb(42, 39, 36)
HSL
hsl(30, 8%, 15%)
Luminanz
0,021

Kontrast & Barrierefreiheit

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

Aa #D2DBB2 auf #2A2724 10,26:1 AAA
Aa #D2DBB2 auf #40406D 6,68:1 AA
Aa #76BB8D auf #2A2724 6,55:1 AA
Aa #ACA28F auf #2A2724 5,88:1 AA
Aa #D2DBB2 auf #5F556D 4,83:1 AA
Aa #76BB8D auf #40406D 4,26:1 AA (großer Text)
Aa #ACA28F auf #40406D 3,83:1 AA (großer Text)
Aa #D2DBB2 auf #876771 3,45:1 AA (großer Text)
Aa #468282 auf #2A2724 3,38:1 AA (großer Text)
Aa #5F556D auf #76BB8D 3,08:1 AA (großer Text)
Aa #D2DBB2 auf #468282 3,04:1 AA (großer Text)
Aa #876771 auf #2A2724 2,98:1 Nicht bestanden
Aa #ACA28F auf #5F556D 2,77:1 Nicht bestanden
Aa #876771 auf #76BB8D 2,20:1 Nicht bestanden
Aa #468282 auf #40406D 2,20:1 Nicht bestanden
Aa #5F556D auf #2A2724 2,13:1 Nicht bestanden
Aa #ACA28F auf #876771 1,98:1 Nicht bestanden
Aa #876771 auf #40406D 1,94:1 Nicht bestanden
Aa #76BB8D auf #468282 1,94:1 Nicht bestanden
Aa #D2DBB2 auf #ACA28F 1,74:1 Nicht bestanden
Aa #ACA28F auf #468282 1,74:1 Nicht bestanden
Aa #5F556D auf #468282 1,59:1 Nicht bestanden
Aa #D2DBB2 auf #76BB8D 1,57:1 Nicht bestanden
Aa #40406D auf #2A2724 1,54:1 Nicht bestanden
Aa #876771 auf #5F556D 1,40:1 Nicht bestanden
Aa #5F556D auf #40406D 1,38:1 Nicht bestanden
Aa #876771 auf #468282 1,13:1 Nicht bestanden
Aa #ACA28F auf #76BB8D 1,11:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben