Registrieren Registrieren
The Fated Eight

The Fated Eight

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

Zurück zur Bibliothek

The Fated Eight

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

Bearbeiten
Gedeckt 8 Farben Warm Gemischt Komplementär cold fog brown teal
Likes 97
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #4C2A1B;
  --c-muted-2: #513E30;
  --c-muted-3: #664A4D;
  --c-muted-4: #6B5F61;
  --c-muted-5: #807F7F;
  --c-muted-6: #94A09E;
  --c-muted-7: #99B5B3;
  --c-muted-8: #B0CAD9;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Sailing on the Bay (#B0CAD9) bis zum dunkelsten Ton Bittersweet Chocolate (#4C2A1B). Sie vereint Bittersweet Chocolate, Turtle, Gǔ Tóng Hēi Copper, Moroccan Dusk, Platinum Granite, Hatteras Grey, Lake Forest und Sailing on the Bay in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4C2A1B auf #B0CAD9 mit 7,43:1.

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

Farben im Detail

Bittersweet Chocolate #4C2A1B
RGB
rgb(76, 42, 27)
HSL
hsl(18, 48%, 20%)
Luminanz
0,033
Turtle #513E30
RGB
rgb(81, 62, 48)
HSL
hsl(25, 26%, 25%)
Luminanz
0,054
Gǔ Tóng Hēi Copper #664A4D
RGB
rgb(102, 74, 77)
HSL
hsl(354, 16%, 35%)
Luminanz
0,083
Moroccan Dusk #6B5F61
RGB
rgb(107, 95, 97)
HSL
hsl(350, 6%, 40%)
Luminanz
0,122
Platinum Granite #807F7F
RGB
rgb(128, 127, 127)
HSL
hsl(0, 0%, 50%)
Luminanz
0,213
Hatteras Grey #94A09E
RGB
rgb(148, 160, 158)
HSL
hsl(170, 6%, 60%)
Luminanz
0,339
Lake Forest #99B5B3
RGB
rgb(153, 181, 179)
HSL
hsl(176, 16%, 65%)
Luminanz
0,431
Sailing on the Bay #B0CAD9
RGB
rgb(176, 202, 217)
HSL
hsl(202, 35%, 77%)
Luminanz
0,565

Kontrast & Barrierefreiheit

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

Aa #4C2A1B auf #B0CAD9 7,43:1 AAA
Aa #513E30 auf #B0CAD9 5,91:1 AA
Aa #4C2A1B auf #99B5B3 5,81:1 AA
Aa #4C2A1B auf #94A09E 4,70:1 AA
Aa #664A4D auf #B0CAD9 4,64:1 AA
Aa #513E30 auf #99B5B3 4,62:1 AA
Aa #513E30 auf #94A09E 3,74:1 AA (großer Text)
Aa #664A4D auf #99B5B3 3,63:1 AA (großer Text)
Aa #6B5F61 auf #B0CAD9 3,58:1 AA (großer Text)
Aa #4C2A1B auf #807F7F 3,18:1 AA (großer Text)
Aa #664A4D auf #94A09E 2,93:1 Nicht bestanden
Aa #6B5F61 auf #99B5B3 2,80:1 Nicht bestanden
Aa #513E30 auf #807F7F 2,53:1 Nicht bestanden
Aa #807F7F auf #B0CAD9 2,34:1 Nicht bestanden
Aa #6B5F61 auf #94A09E 2,27:1 Nicht bestanden
Aa #4C2A1B auf #6B5F61 2,08:1 Nicht bestanden
Aa #664A4D auf #807F7F 1,98:1 Nicht bestanden
Aa #807F7F auf #99B5B3 1,83:1 Nicht bestanden
Aa #513E30 auf #6B5F61 1,65:1 Nicht bestanden
Aa #4C2A1B auf #664A4D 1,60:1 Nicht bestanden
Aa #94A09E auf #B0CAD9 1,58:1 Nicht bestanden
Aa #6B5F61 auf #807F7F 1,53:1 Nicht bestanden
Aa #807F7F auf #94A09E 1,48:1 Nicht bestanden
Aa #664A4D auf #6B5F61 1,30:1 Nicht bestanden
Aa #99B5B3 auf #B0CAD9 1,28:1 Nicht bestanden
Aa #513E30 auf #664A4D 1,27:1 Nicht bestanden
Aa #4C2A1B auf #513E30 1,26:1 Nicht bestanden
Aa #94A09E auf #99B5B3 1,24:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben