Registrieren Registrieren
Poison Rainbow

Poison Rainbow

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

Zurück zur Bibliothek

Poison Rainbow

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär dark sea rainbow oil
Likes 56
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #372535;
  --c-earthy-2: #3C2F89;
  --c-earthy-3: #7B4A4E;
  --c-earthy-4: #67529F;
  --c-earthy-5: #82603D;
  --c-earthy-6: #80578F;
  --c-earthy-7: #9E4F78;
  --c-earthy-8: #798634;
  --c-earthy-9: #2772D8;
  --c-earthy-10: #73B287;
  --c-earthy-11: #51C0D4;
  --c-earthy-12: #CAC373;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Fresh Sprout (#CAC373) bis zum dunkelsten Ton Fat Tuesday (#372535). Sie vereint Fat Tuesday, Majestic Eggplant, False Morel, Ultrapurple Merge, Coyote Brown, Purple Mystery, Orchid Lei, Sacred Sapling, Enchanting Sapphire, Frosted Emerald, Bachelor Button und Fresh Sprout in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #372535 auf #CAC373 mit 7,82: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

Fat Tuesday #372535
RGB
rgb(55, 37, 53)
HSL
hsl(307, 20%, 18%)
Luminanz
0,024
Majestic Eggplant #3C2F89
RGB
rgb(60, 47, 137)
HSL
hsl(249, 49%, 36%)
Luminanz
0,048
False Morel #7B4A4E
RGB
rgb(123, 74, 78)
HSL
hsl(355, 25%, 39%)
Luminanz
0,097
Ultrapurple Merge #67529F
RGB
rgb(103, 82, 159)
HSL
hsl(256, 32%, 47%)
Luminanz
0,114
Coyote Brown #82603D
RGB
rgb(130, 96, 61)
HSL
hsl(30, 36%, 37%)
Luminanz
0,135
Purple Mystery #80578F
RGB
rgb(128, 87, 143)
HSL
hsl(284, 24%, 45%)
Luminanz
0,134
Orchid Lei #9E4F78
RGB
rgb(158, 79, 120)
HSL
hsl(329, 33%, 46%)
Luminanz
0,142
Sacred Sapling #798634
RGB
rgb(121, 134, 52)
HSL
hsl(70, 44%, 36%)
Luminanz
0,214
Enchanting Sapphire #2772D8
RGB
rgb(39, 114, 216)
HSL
hsl(215, 69%, 50%)
Luminanz
0,174
Frosted Emerald #73B287
RGB
rgb(115, 178, 135)
HSL
hsl(139, 29%, 57%)
Luminanz
0,372
Bachelor Button #51C0D4
RGB
rgb(81, 192, 212)
HSL
hsl(189, 60%, 57%)
Luminanz
0,442
Fresh Sprout #CAC373
RGB
rgb(202, 195, 115)
HSL
hsl(55, 45%, 62%)
Luminanz
0,528

Kontrast & Barrierefreiheit

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

Aa #372535 auf #CAC373 7,82:1 AAA
Aa #372535 auf #51C0D4 6,66:1 AA
Aa #3C2F89 auf #CAC373 5,90:1 AA
Aa #372535 auf #73B287 5,71:1 AA
Aa #3C2F89 auf #51C0D4 5,02:1 AA
Aa #3C2F89 auf #73B287 4,31:1 AA (großer Text)
Aa #7B4A4E auf #CAC373 3,94:1 AA (großer Text)
Aa #372535 auf #798634 3,57:1 AA (großer Text)
Aa #67529F auf #CAC373 3,52:1 AA (großer Text)
Aa #7B4A4E auf #51C0D4 3,36:1 AA (großer Text)
Aa #80578F auf #CAC373 3,14:1 AA (großer Text)
Aa #82603D auf #CAC373 3,13:1 AA (großer Text)
Aa #372535 auf #2772D8 3,03:1 AA (großer Text)
Aa #9E4F78 auf #CAC373 3,01:1 AA (großer Text)
Aa #67529F auf #51C0D4 3,00:1 AA (großer Text)
Aa #7B4A4E auf #73B287 2,88:1 Nicht bestanden
Aa #3C2F89 auf #798634 2,69:1 Nicht bestanden
Aa #80578F auf #51C0D4 2,68:1 Nicht bestanden
Aa #82603D auf #51C0D4 2,67:1 Nicht bestanden
Aa #372535 auf #9E4F78 2,60:1 Nicht bestanden
Aa #2772D8 auf #CAC373 2,58:1 Nicht bestanden
Aa #67529F auf #73B287 2,57:1 Nicht bestanden
Aa #9E4F78 auf #51C0D4 2,56:1 Nicht bestanden
Aa #372535 auf #82603D 2,50:1 Nicht bestanden
Aa #372535 auf #80578F 2,49:1 Nicht bestanden
Aa #80578F auf #73B287 2,30:1 Nicht bestanden
Aa #3C2F89 auf #2772D8 2,29:1 Nicht bestanden
Aa #82603D auf #73B287 2,29:1 Nicht bestanden
Aa #372535 auf #67529F 2,22:1 Nicht bestanden
Aa #9E4F78 auf #73B287 2,20:1 Nicht bestanden
Aa #798634 auf #CAC373 2,19:1 Nicht bestanden
Aa #2772D8 auf #51C0D4 2,19:1 Nicht bestanden
Aa #372535 auf #7B4A4E 1,98:1 Nicht bestanden
Aa #3C2F89 auf #9E4F78 1,96:1 Nicht bestanden
Aa #3C2F89 auf #82603D 1,88:1 Nicht bestanden
Aa #3C2F89 auf #80578F 1,88:1 Nicht bestanden
Aa #2772D8 auf #73B287 1,88:1 Nicht bestanden
Aa #798634 auf #51C0D4 1,87:1 Nicht bestanden
Aa #7B4A4E auf #798634 1,80:1 Nicht bestanden
Aa #3C2F89 auf #67529F 1,68:1 Nicht bestanden
Aa #67529F auf #798634 1,61:1 Nicht bestanden
Aa #798634 auf #73B287 1,60:1 Nicht bestanden
Aa #7B4A4E auf #2772D8 1,53:1 Nicht bestanden
Aa #3C2F89 auf #7B4A4E 1,50:1 Nicht bestanden
Aa #82603D auf #798634 1,43:1 Nicht bestanden
Aa #80578F auf #798634 1,43:1 Nicht bestanden
Aa #67529F auf #2772D8 1,37:1 Nicht bestanden
Aa #9E4F78 auf #798634 1,37:1 Nicht bestanden
Aa #73B287 auf #CAC373 1,37:1 Nicht bestanden
Aa #372535 auf #3C2F89 1,33:1 Nicht bestanden
Aa #7B4A4E auf #9E4F78 1,31:1 Nicht bestanden
Aa #7B4A4E auf #82603D 1,26:1 Nicht bestanden
Aa #7B4A4E auf #80578F 1,25:1 Nicht bestanden
Aa #82603D auf #2772D8 1,22:1 Nicht bestanden
Aa #80578F auf #2772D8 1,22:1 Nicht bestanden
Aa #798634 auf #2772D8 1,18:1 Nicht bestanden
Aa #51C0D4 auf #CAC373 1,18:1 Nicht bestanden
Aa #67529F auf #9E4F78 1,17:1 Nicht bestanden
Aa #9E4F78 auf #2772D8 1,17:1 Nicht bestanden
Aa #73B287 auf #51C0D4 1,16:1 Nicht bestanden
Aa #7B4A4E auf #67529F 1,12:1 Nicht bestanden
Aa #67529F auf #82603D 1,12:1 Nicht bestanden
Aa #67529F auf #80578F 1,12:1 Nicht bestanden
Aa #80578F auf #9E4F78 1,05:1 Nicht bestanden
Aa #82603D auf #9E4F78 1,04:1 Nicht bestanden
Aa #82603D auf #80578F 1,00: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