Ástríða Sólseturs

Ástríða Sólseturs

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

Ástríða Sólseturs

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär fire warm sunset original
Likes 68
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #05051B;
  --c-earthy-2: #1B0A27;
  --c-earthy-3: #411D34;
  --c-earthy-4: #672142;
  --c-earthy-5: #8D2C30;
  --c-earthy-6: #CA7125;
  --c-earthy-7: #E7D37D;
  --c-earthy-8: #EEF2BA;
  --c-earthy-9: #FEFEF8;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Baby Powder (#FEFEF8) bis zum dunkelsten Ton Melanophobia (#05051B). Sie vereint Melanophobia, Meški Black, Sitter Red, Pompadour, Ancient Red, Brownish Orange, Ancient Treasure, Chiffon und Baby Powder in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #05051B auf #FEFEF8 mit 19,87:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.


Farben im Detail

Melanophobia #05051B
RGB
rgb(5, 5, 27)
HSL
hsl(240, 69%, 6%)
Luminanz
0,002
Meški Black #1B0A27
RGB
rgb(27, 10, 39)
HSL
hsl(275, 59%, 10%)
Luminanz
0,006
Sitter Red #411D34
RGB
rgb(65, 29, 52)
HSL
hsl(322, 38%, 18%)
Luminanz
0,023
Pompadour #672142
RGB
rgb(103, 33, 66)
HSL
hsl(332, 51%, 27%)
Luminanz
0,044
Ancient Red #8D2C30
RGB
rgb(141, 44, 48)
HSL
hsl(358, 52%, 36%)
Luminanz
0,077
Brownish Orange #CA7125
RGB
rgb(202, 113, 37)
HSL
hsl(28, 69%, 47%)
Luminanz
0,245
Ancient Treasure #E7D37D
RGB
rgb(231, 211, 125)
HSL
hsl(49, 69%, 70%)
Luminanz
0,651
Chiffon #EEF2BA
RGB
rgb(238, 242, 186)
HSL
hsl(64, 68%, 84%)
Luminanz
0,852
Baby Powder #FEFEF8
RGB
rgb(254, 254, 248)
HSL
hsl(60, 75%, 98%)
Luminanz
0,987

Kontrast & Barrierefreiheit

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

Aa #05051B auf #FEFEF8 19,87:1 AAA
Aa #1B0A27 auf #FEFEF8 18,53:1 AAA
Aa #05051B auf #EEF2BA 17,28:1 AAA
Aa #1B0A27 auf #EEF2BA 16,12:1 AAA
Aa #411D34 auf #FEFEF8 14,31:1 AAA
Aa #05051B auf #E7D37D 13,42:1 AAA
Aa #1B0A27 auf #E7D37D 12,52:1 AAA
Aa #411D34 auf #EEF2BA 12,44:1 AAA
Aa #672142 auf #FEFEF8 11,08:1 AAA
Aa #411D34 auf #E7D37D 9,66:1 AAA
Aa #672142 auf #EEF2BA 9,63:1 AAA
Aa #8D2C30 auf #FEFEF8 8,18:1 AAA
Aa #672142 auf #E7D37D 7,48:1 AAA
Aa #8D2C30 auf #EEF2BA 7,12:1 AAA
Aa #05051B auf #CA7125 5,65:1 AA
Aa #8D2C30 auf #E7D37D 5,53:1 AA
Aa #1B0A27 auf #CA7125 5,27:1 AA
Aa #411D34 auf #CA7125 4,07:1 AA (großer Text)
Aa #CA7125 auf #FEFEF8 3,52:1 AA (großer Text)
Aa #672142 auf #CA7125 3,15:1 AA (großer Text)
Aa #CA7125 auf #EEF2BA 3,06:1 AA (großer Text)
Aa #05051B auf #8D2C30 2,43:1 Nicht bestanden
Aa #CA7125 auf #E7D37D 2,37:1 Nicht bestanden
Aa #8D2C30 auf #CA7125 2,33:1 Nicht bestanden
Aa #1B0A27 auf #8D2C30 2,27:1 Nicht bestanden
Aa #05051B auf #672142 1,79:1 Nicht bestanden
Aa #411D34 auf #8D2C30 1,75:1 Nicht bestanden
Aa #1B0A27 auf #672142 1,67:1 Nicht bestanden
Aa #E7D37D auf #FEFEF8 1,48:1 Nicht bestanden
Aa #05051B auf #411D34 1,39:1 Nicht bestanden
Aa #672142 auf #8D2C30 1,35:1 Nicht bestanden
Aa #1B0A27 auf #411D34 1,30:1 Nicht bestanden
Aa #411D34 auf #672142 1,29:1 Nicht bestanden
Aa #E7D37D auf #EEF2BA 1,29:1 Nicht bestanden
Aa #EEF2BA auf #FEFEF8 1,15:1 Nicht bestanden
Aa #05051B auf #1B0A27 1,07: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