Evening Over the Ocean
#444B65
Likes
11
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #444B65;
--c-vibrant-2: #ECF0FF;
--c-vibrant-3: #FFE83B;
--c-vibrant-4: #FFF696;
--c-vibrant-5: #4E42B9;
--c-vibrant-6: #796AFF;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Goldilocks (#FFF696) bis zum dunkelsten Ton Evening Over the Ocean (#444B65). Sie vereint Evening Over the Ocean, Carte Blanche, Pac-Man, Goldilocks, Megadrive Screen und Blackthorn Berry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #444B65 auf #FFF696 mit 7,74:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Carte Blanche
#ECF0FF
Pac-Man
#FFE83B
Goldilocks
#FFF696
Megadrive Screen
#4E42B9
Blackthorn Berry
#796AFF
Kontrast & Barrierefreiheit
6 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#444B65 auf #FFF696
7,74:1
AAA
Aa
#444B65 auf #ECF0FF
7,57:1
AAA
Aa
#444B65 auf #FFE83B
6,91:1
AA
Aa
#FFF696 auf #4E42B9
6,73:1
AA
Aa
#ECF0FF auf #4E42B9
6,59:1
AA
Aa
#FFE83B auf #4E42B9
6,01:1
AA
Aa
#FFF696 auf #796AFF
3,55:1
AA (großer Text)
Aa
#ECF0FF auf #796AFF
3,47:1
AA (großer Text)
Aa
#FFE83B auf #796AFF
3,17:1
AA (großer Text)
Aa
#444B65 auf #796AFF
2,18:1
Nicht bestanden
Aa
#4E42B9 auf #796AFF
1,90:1
Nicht bestanden
Aa
#444B65 auf #4E42B9
1,15:1
Nicht bestanden
Aa
#FFE83B auf #FFF696
1,12:1
Nicht bestanden
Aa
#ECF0FF auf #FFE83B
1,10:1
Nicht bestanden
Aa
#ECF0FF auf #FFF696
1,02: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