Blush N' Gunmetal

Blush N' Gunmetal

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

Blush N' Gunmetal

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär
Likes 28
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #321E28;
  --c-earthy-2: #492B3A;
  --c-earthy-3: #9F3D6B;
  --c-earthy-4: #E06F8B;
  --c-earthy-5: #FFAAAE;
  --c-earthy-6: #557083;
  --c-earthy-7: #2F3E4E;
  --c-earthy-8: #1B2632;
  --c-earthy-9: #000000;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Apricot Haze (#FFAAAE) bis zum dunkelsten Ton Black (#000000). Sie vereint Antique Burgundy, Barossa, Dynamo, Raspberry Mousse, Apricot Haze, Cape Cod Bay, Deepsea Core, Abyssal Anchorfish Blue und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFAAAE auf #000000 mit 11,61: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

Antique Burgundy #321E28
RGB
rgb(50, 30, 40)
HSL
hsl(330, 25%, 16%)
Luminanz
0,018
Barossa #492B3A
RGB
rgb(73, 43, 58)
HSL
hsl(330, 26%, 23%)
Luminanz
0,035
Dynamo #9F3D6B
RGB
rgb(159, 61, 107)
HSL
hsl(332, 45%, 43%)
Luminanz
0,118
Raspberry Mousse #E06F8B
RGB
rgb(224, 111, 139)
HSL
hsl(345, 65%, 66%)
Luminanz
0,291
Apricot Haze #FFAAAE
RGB
rgb(255, 170, 174)
HSL
hsl(357, 100%, 83%)
Luminanz
0,531
Cape Cod Bay #557083
RGB
rgb(85, 112, 131)
HSL
hsl(205, 21%, 42%)
Luminanz
0,152
Deepsea Core #2F3E4E
RGB
rgb(47, 62, 78)
HSL
hsl(211, 25%, 25%)
Luminanz
0,046
Abyssal Anchorfish Blue #1B2632
RGB
rgb(27, 38, 50)
HSL
hsl(211, 30%, 15%)
Luminanz
0,019
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000

Kontrast & Barrierefreiheit

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

Aa #FFAAAE auf #000000 11,61:1 AAA
Aa #321E28 auf #FFAAAE 8,59:1 AAA
Aa #FFAAAE auf #1B2632 8,48:1 AAA
Aa #492B3A auf #FFAAAE 6,87:1 AA
Aa #E06F8B auf #000000 6,82:1 AA
Aa #FFAAAE auf #2F3E4E 6,05:1 AA
Aa #321E28 auf #E06F8B 5,04:1 AA
Aa #E06F8B auf #1B2632 4,98:1 AA
Aa #492B3A auf #E06F8B 4,03:1 AA (großer Text)
Aa #557083 auf #000000 4,03:1 AA (großer Text)
Aa #E06F8B auf #2F3E4E 3,55:1 AA (großer Text)
Aa #9F3D6B auf #FFAAAE 3,46:1 AA (großer Text)
Aa #9F3D6B auf #000000 3,35:1 AA (großer Text)
Aa #321E28 auf #557083 2,98:1 Nicht bestanden
Aa #557083 auf #1B2632 2,94:1 Nicht bestanden
Aa #FFAAAE auf #557083 2,88:1 Nicht bestanden
Aa #321E28 auf #9F3D6B 2,48:1 Nicht bestanden
Aa #9F3D6B auf #1B2632 2,45:1 Nicht bestanden
Aa #492B3A auf #557083 2,39:1 Nicht bestanden
Aa #557083 auf #2F3E4E 2,10:1 Nicht bestanden
Aa #9F3D6B auf #E06F8B 2,03:1 Nicht bestanden
Aa #492B3A auf #9F3D6B 1,98:1 Nicht bestanden
Aa #2F3E4E auf #000000 1,92:1 Nicht bestanden
Aa #9F3D6B auf #2F3E4E 1,75:1 Nicht bestanden
Aa #E06F8B auf #FFAAAE 1,70:1 Nicht bestanden
Aa #492B3A auf #000000 1,69:1 Nicht bestanden
Aa #E06F8B auf #557083 1,69:1 Nicht bestanden
Aa #321E28 auf #2F3E4E 1,42:1 Nicht bestanden
Aa #2F3E4E auf #1B2632 1,40:1 Nicht bestanden
Aa #1B2632 auf #000000 1,37:1 Nicht bestanden
Aa #321E28 auf #000000 1,35:1 Nicht bestanden
Aa #321E28 auf #492B3A 1,25:1 Nicht bestanden
Aa #492B3A auf #1B2632 1,23:1 Nicht bestanden
Aa #9F3D6B auf #557083 1,20:1 Nicht bestanden
Aa #492B3A auf #2F3E4E 1,14:1 Nicht bestanden
Aa #321E28 auf #1B2632 1,01: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