Celestial Blue
#2F4C6C
Likes
12
Farben
5
CSS-Variablen
:root {
--c-muted-1: #2F4C6C;
--c-muted-2: #3D80A3;
--c-muted-3: #63C4CC;
--c-muted-4: #9AE5D5;
--c-muted-5: #E5EFEF;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Sheikh Zayed White (#E5EFEF) bis zum dunkelsten Ton Celestial Blue (#2F4C6C). Sie vereint Celestial Blue, Cendre Blue, Arctic Ocean, Neverland und Sheikh Zayed White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F4C6C auf #E5EFEF mit 7,56:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Cendre Blue
#3D80A3
Arctic Ocean
#63C4CC
Neverland
#9AE5D5
Sheikh Zayed White
#E5EFEF
Kontrast & Barrierefreiheit
2 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2F4C6C auf #E5EFEF
7,56:1
AAA
Aa
#2F4C6C auf #9AE5D5
6,13:1
AA
Aa
#2F4C6C auf #63C4CC
4,34:1
AA (großer Text)
Aa
#3D80A3 auf #E5EFEF
3,72:1
AA (großer Text)
Aa
#3D80A3 auf #9AE5D5
3,02:1
AA (großer Text)
Aa
#3D80A3 auf #63C4CC
2,14:1
Nicht bestanden
Aa
#2F4C6C auf #3D80A3
2,03:1
Nicht bestanden
Aa
#63C4CC auf #E5EFEF
1,74:1
Nicht bestanden
Aa
#63C4CC auf #9AE5D5
1,41:1
Nicht bestanden
Aa
#9AE5D5 auf #E5EFEF
1,23:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022