Registrieren Registrieren
Haunted Hollows

Haunted Hollows

Palette mit 9 Farben · Warm · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Haunted Hollows

Palette mit 9 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten
Lebendig 9 Farben Warm Dunkel Triadisch orange red purple spooky
Likes 115
Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #060423;
  --c-vibrant-2: #0E0B38;
  --c-vibrant-3: #2B0D46;
  --c-vibrant-4: #4C1A4E;
  --c-vibrant-5: #791D46;
  --c-vibrant-6: #AD2340;
  --c-vibrant-7: #D65B49;
  --c-vibrant-8: #F28F61;
  --c-vibrant-9: #FAB269;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Ripe Cantaloupe (#FAB269) bis zum dunkelsten Ton Hadopelagic Water (#060423). Sie vereint Hadopelagic Water, Grim Reaper, Oily Purple, Plunged Into Darkness, Caviar Couture, Bresaola, Flame Stitch, Orange Slice und Ripe Cantaloupe in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #060423 auf #FAB269 mit 11,09:1.

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

Farben im Detail

Hadopelagic Water #060423
RGB
rgb(6, 4, 35)
HSL
hsl(244, 79%, 8%)
Luminanz
0,003
Grim Reaper #0E0B38
RGB
rgb(14, 11, 56)
HSL
hsl(244, 67%, 13%)
Luminanz
0,006
Oily Purple #2B0D46
RGB
rgb(43, 13, 70)
HSL
hsl(272, 69%, 16%)
Luminanz
0,012
Plunged Into Darkness #4C1A4E
RGB
rgb(76, 26, 78)
HSL
hsl(298, 50%, 20%)
Luminanz
0,028
Caviar Couture #791D46
RGB
rgb(121, 29, 70)
HSL
hsl(333, 61%, 29%)
Luminanz
0,054
Bresaola #AD2340
RGB
rgb(173, 35, 64)
HSL
hsl(347, 66%, 41%)
Luminanz
0,105
Flame Stitch #D65B49
RGB
rgb(214, 91, 73)
HSL
hsl(8, 63%, 56%)
Luminanz
0,223
Orange Slice #F28F61
RGB
rgb(242, 143, 97)
HSL
hsl(19, 85%, 66%)
Luminanz
0,394
Ripe Cantaloupe #FAB269
RGB
rgb(250, 178, 105)
HSL
hsl(30, 94%, 70%)
Luminanz
0,532

Kontrast & Barrierefreiheit

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

Aa #060423 auf #FAB269 11,09:1 AAA
Aa #0E0B38 auf #FAB269 10,36:1 AAA
Aa #2B0D46 auf #FAB269 9,32:1 AAA
Aa #060423 auf #F28F61 8,46:1 AAA
Aa #0E0B38 auf #F28F61 7,90:1 AAA
Aa #4C1A4E auf #FAB269 7,44:1 AAA
Aa #2B0D46 auf #F28F61 7,11:1 AAA
Aa #4C1A4E auf #F28F61 5,67:1 AA
Aa #791D46 auf #FAB269 5,60:1 AA
Aa #060423 auf #D65B49 5,20:1 AA
Aa #0E0B38 auf #D65B49 4,85:1 AA
Aa #2B0D46 auf #D65B49 4,37:1 AA (großer Text)
Aa #791D46 auf #F28F61 4,27:1 AA (großer Text)
Aa #AD2340 auf #FAB269 3,76:1 AA (großer Text)
Aa #4C1A4E auf #D65B49 3,48:1 AA (großer Text)
Aa #060423 auf #AD2340 2,95:1 Nicht bestanden
Aa #AD2340 auf #F28F61 2,87:1 Nicht bestanden
Aa #0E0B38 auf #AD2340 2,75:1 Nicht bestanden
Aa #791D46 auf #D65B49 2,62:1 Nicht bestanden
Aa #2B0D46 auf #AD2340 2,48:1 Nicht bestanden
Aa #D65B49 auf #FAB269 2,13:1 Nicht bestanden
Aa #060423 auf #791D46 1,98:1 Nicht bestanden
Aa #4C1A4E auf #AD2340 1,98:1 Nicht bestanden
Aa #0E0B38 auf #791D46 1,85:1 Nicht bestanden
Aa #AD2340 auf #D65B49 1,76:1 Nicht bestanden
Aa #2B0D46 auf #791D46 1,66:1 Nicht bestanden
Aa #D65B49 auf #F28F61 1,63:1 Nicht bestanden
Aa #060423 auf #4C1A4E 1,49:1 Nicht bestanden
Aa #791D46 auf #AD2340 1,49:1 Nicht bestanden
Aa #0E0B38 auf #4C1A4E 1,39:1 Nicht bestanden
Aa #4C1A4E auf #791D46 1,33:1 Nicht bestanden
Aa #F28F61 auf #FAB269 1,31:1 Nicht bestanden
Aa #2B0D46 auf #4C1A4E 1,25:1 Nicht bestanden
Aa #060423 auf #2B0D46 1,19:1 Nicht bestanden
Aa #0E0B38 auf #2B0D46 1,11:1 Nicht bestanden
Aa #060423 auf #0E0B38 1,07:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben