Nightwalker
#111D3B
Likes
26
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #111D3B;
--c-vibrant-2: #FFDFDF;
--c-vibrant-3: #94FFAB;
--c-vibrant-4: #BBFF94;
--c-vibrant-5: #C7F0FF;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Apatite Crystal Green (#BBFF94) bis zum dunkelsten Ton Nightwalker (#111D3B). Sie vereint Nightwalker, Red Remains, Foam Green, Apatite Crystal Green und Heaven Gates in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #111D3B auf #BBFF94 mit 14,13:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Red Remains
#FFDFDF
Foam Green
#94FFAB
Apatite Crystal Green
#BBFF94
Heaven Gates
#C7F0FF
Kontrast & Barrierefreiheit
4 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#111D3B auf #BBFF94
14,13:1
AAA
Aa
#111D3B auf #C7F0FF
13,73:1
AAA
Aa
#111D3B auf #94FFAB
13,58:1
AAA
Aa
#111D3B auf #FFDFDF
13,36:1
AAA
Aa
#FFDFDF auf #BBFF94
1,06:1
Nicht bestanden
Aa
#94FFAB auf #BBFF94
1,04:1
Nicht bestanden
Aa
#FFDFDF auf #C7F0FF
1,03:1
Nicht bestanden
Aa
#BBFF94 auf #C7F0FF
1,03:1
Nicht bestanden
Aa
#FFDFDF auf #94FFAB
1,02:1
Nicht bestanden
Aa
#94FFAB auf #C7F0FF
1,01:1
Nicht bestanden
Ähnliche Paletten
#E3FDFD
#CBF1F5
#A6E3E9
#71C9CE
#F4EEFF
#DCD6F7
#A6B1E1
#424874
#B1B2FF
#AAC4FF
#D2DAFF
#EEF1FF
#6096B4
#93BFCF
#BDCDD6
#EEE9DA
#A8D8EA
#AA96DA
#FCBAD3
#FFFFD2
#DEFCF9
#CADEFC
#C3BEF0
#CCA8E9
#F7FBFC
#D6E6F2
#B9D7EA
#769FCD
#C4DFDF
#D2E9E9
#E3F4F4
#F8F6F4