Pantone Rev It Up

Pantone Rev It Up

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

Pantone Rev It Up

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär pantone revitup fancy
Likes 4
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #2C272D;
  --c-earthy-2: #EDEFFC;
  --c-earthy-3: #F7EB37;
  --c-earthy-4: #444A9E;
  --c-earthy-5: #F77924;
  --c-earthy-6: #DA4980;
  --c-earthy-7: #9F9F9D;
  --c-earthy-8: #EE9FBF;
  --c-earthy-9: #83B14F;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Carte Blanche (#EDEFFC) bis zum dunkelsten Ton Black Onyx (#2C272D). Sie vereint Black Onyx, Carte Blanche, Banana Bombshell, Galaxy Express, Sun Orange, Pickled Pink, Mortar Grey, Prism Pink und Savoy 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 #2C272D auf #EDEFFC mit 12,79: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

Black Onyx #2C272D
RGB
rgb(44, 39, 45)
HSL
hsl(290, 7%, 16%)
Luminanz
0,022
Carte Blanche #EDEFFC
RGB
rgb(237, 239, 252)
HSL
hsl(232, 71%, 96%)
Luminanz
0,868
Banana Bombshell #F7EB37
RGB
rgb(247, 235, 55)
HSL
hsl(56, 92%, 59%)
Luminanz
0,795
Galaxy Express #444A9E
RGB
rgb(68, 74, 158)
HSL
hsl(236, 40%, 44%)
Luminanz
0,086
Sun Orange #F77924
RGB
rgb(247, 121, 36)
HSL
hsl(24, 93%, 55%)
Luminanz
0,336
Pickled Pink #DA4980
RGB
rgb(218, 73, 128)
HSL
hsl(337, 66%, 57%)
Luminanz
0,212
Mortar Grey #9F9F9D
RGB
rgb(159, 159, 157)
HSL
hsl(60, 1%, 62%)
Luminanz
0,346
Prism Pink #EE9FBF
RGB
rgb(238, 159, 191)
HSL
hsl(336, 70%, 78%)
Luminanz
0,467
Savoy #83B14F
RGB
rgb(131, 177, 79)
HSL
hsl(88, 39%, 50%)
Luminanz
0,368

Kontrast & Barrierefreiheit

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

Aa #2C272D auf #EDEFFC 12,79:1 AAA
Aa #2C272D auf #F7EB37 11,77:1 AAA
Aa #2C272D auf #EE9FBF 7,21:1 AAA
Aa #EDEFFC auf #444A9E 6,75:1 AA
Aa #F7EB37 auf #444A9E 6,21:1 AA
Aa #2C272D auf #83B14F 5,83:1 AA
Aa #2C272D auf #9F9F9D 5,52:1 AA
Aa #2C272D auf #F77924 5,38:1 AA
Aa #444A9E auf #EE9FBF 3,81:1 AA (großer Text)
Aa #2C272D auf #DA4980 3,66:1 AA (großer Text)
Aa #EDEFFC auf #DA4980 3,50:1 AA (großer Text)
Aa #F7EB37 auf #DA4980 3,22:1 AA (großer Text)
Aa #444A9E auf #83B14F 3,08:1 AA (großer Text)
Aa #444A9E auf #9F9F9D 2,91:1 Nicht bestanden
Aa #444A9E auf #F77924 2,84:1 Nicht bestanden
Aa #EDEFFC auf #F77924 2,38:1 Nicht bestanden
Aa #EDEFFC auf #9F9F9D 2,32:1 Nicht bestanden
Aa #EDEFFC auf #83B14F 2,19:1 Nicht bestanden
Aa #F7EB37 auf #F77924 2,19:1 Nicht bestanden
Aa #F7EB37 auf #9F9F9D 2,13:1 Nicht bestanden
Aa #F7EB37 auf #83B14F 2,02:1 Nicht bestanden
Aa #DA4980 auf #EE9FBF 1,97:1 Nicht bestanden
Aa #444A9E auf #DA4980 1,93:1 Nicht bestanden
Aa #2C272D auf #444A9E 1,89:1 Nicht bestanden
Aa #EDEFFC auf #EE9FBF 1,77:1 Nicht bestanden
Aa #F7EB37 auf #EE9FBF 1,63:1 Nicht bestanden
Aa #DA4980 auf #83B14F 1,59:1 Nicht bestanden
Aa #DA4980 auf #9F9F9D 1,51:1 Nicht bestanden
Aa #F77924 auf #DA4980 1,47:1 Nicht bestanden
Aa #F77924 auf #EE9FBF 1,34:1 Nicht bestanden
Aa #9F9F9D auf #EE9FBF 1,31:1 Nicht bestanden
Aa #EE9FBF auf #83B14F 1,24:1 Nicht bestanden
Aa #EDEFFC auf #F7EB37 1,09:1 Nicht bestanden
Aa #F77924 auf #83B14F 1,08:1 Nicht bestanden
Aa #9F9F9D auf #83B14F 1,06:1 Nicht bestanden
Aa #F77924 auf #9F9F9D 1,03: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