Corbeau
#181223
Likes
51
Farben
11
CSS-Variablen
:root {
--c-muted-1: #181223;
--c-muted-2: #3C3B6B;
--c-muted-3: #6C78AE;
--c-muted-4: #95B6D4;
--c-muted-5: #505065;
--c-muted-6: #C0C1D8;
--c-muted-7: #EBEFFF;
--c-muted-8: #AC9C87;
--c-muted-9: #EEECCF;
--c-muted-10: #6E8660;
--c-muted-11: #3C3D32;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Carte Blanche (#EBEFFF) bis zum dunkelsten Ton Corbeau (#181223). Sie vereint Corbeau, American Blue, Regal Azure, Oxygen Blue, Legendary Purple, Lavender Escape, Carte Blanche, Creek Bay, Floating Lily, Equatorial Forest und Scrub in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #181223 auf #EBEFFF mit 15,94:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
American Blue
#3C3B6B
Regal Azure
#6C78AE
Oxygen Blue
#95B6D4
Legendary Purple
#505065
Lavender Escape
#C0C1D8
Carte Blanche
#EBEFFF
Creek Bay
#AC9C87
Floating Lily
#EEECCF
Equatorial Forest
#6E8660
Scrub
#3C3D32
Kontrast & Barrierefreiheit
16 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#181223 auf #EBEFFF
15,94:1
AAA
Aa
#181223 auf #EEECCF
15,25:1
AAA
Aa
#181223 auf #C0C1D8
10,32:1
AAA
Aa
#EBEFFF auf #3C3D32
9,61:1
AAA
Aa
#EEECCF auf #3C3D32
9,20:1
AAA
Aa
#3C3B6B auf #EBEFFF
9,03:1
AAA
Aa
#3C3B6B auf #EEECCF
8,64:1
AAA
Aa
#181223 auf #95B6D4
8,63:1
AAA
Aa
#505065 auf #EBEFFF
6,85:1
AA
Aa
#181223 auf #AC9C87
6,84:1
AA
Aa
#505065 auf #EEECCF
6,55:1
AA
Aa
#C0C1D8 auf #3C3D32
6,22:1
AA
Aa
#3C3B6B auf #C0C1D8
5,84:1
AA
Aa
#95B6D4 auf #3C3D32
5,21:1
AA
Aa
#3C3B6B auf #95B6D4
4,89:1
AA
Aa
#181223 auf #6E8660
4,56:1
AA
Aa
#505065 auf #C0C1D8
4,43:1
AA (großer Text)
Aa
#181223 auf #6C78AE
4,29:1
AA (großer Text)
Aa
#AC9C87 auf #3C3D32
4,12:1
AA (großer Text)
Aa
#3C3B6B auf #AC9C87
3,87:1
AA (großer Text)
Aa
#6C78AE auf #EBEFFF
3,71:1
AA (großer Text)
Aa
#95B6D4 auf #505065
3,71:1
AA (großer Text)
Aa
#6C78AE auf #EEECCF
3,55:1
AA (großer Text)
Aa
#EBEFFF auf #6E8660
3,50:1
AA (großer Text)
Aa
#EEECCF auf #6E8660
3,35:1
AA (großer Text)
Aa
#505065 auf #AC9C87
2,94:1
Nicht bestanden
Aa
#6E8660 auf #3C3D32
2,75:1
Nicht bestanden
Aa
#6C78AE auf #3C3D32
2,59:1
Nicht bestanden
Aa
#3C3B6B auf #6E8660
2,58:1
Nicht bestanden
Aa
#3C3B6B auf #6C78AE
2,43:1
Nicht bestanden
Aa
#6C78AE auf #C0C1D8
2,40:1
Nicht bestanden
Aa
#181223 auf #505065
2,33:1
Nicht bestanden
Aa
#EBEFFF auf #AC9C87
2,33:1
Nicht bestanden
Aa
#C0C1D8 auf #6E8660
2,26:1
Nicht bestanden
Aa
#AC9C87 auf #EEECCF
2,23:1
Nicht bestanden
Aa
#6C78AE auf #95B6D4
2,01:1
Nicht bestanden
Aa
#505065 auf #6E8660
1,96:1
Nicht bestanden
Aa
#95B6D4 auf #6E8660
1,89:1
Nicht bestanden
Aa
#95B6D4 auf #EBEFFF
1,85:1
Nicht bestanden
Aa
#6C78AE auf #505065
1,84:1
Nicht bestanden
Aa
#181223 auf #3C3B6B
1,77:1
Nicht bestanden
Aa
#95B6D4 auf #EEECCF
1,77:1
Nicht bestanden
Aa
#181223 auf #3C3D32
1,66:1
Nicht bestanden
Aa
#6C78AE auf #AC9C87
1,59:1
Nicht bestanden
Aa
#C0C1D8 auf #EBEFFF
1,54:1
Nicht bestanden
Aa
#C0C1D8 auf #AC9C87
1,51:1
Nicht bestanden
Aa
#AC9C87 auf #6E8660
1,50:1
Nicht bestanden
Aa
#C0C1D8 auf #EEECCF
1,48:1
Nicht bestanden
Aa
#505065 auf #3C3D32
1,40:1
Nicht bestanden
Aa
#3C3B6B auf #505065
1,32:1
Nicht bestanden
Aa
#95B6D4 auf #AC9C87
1,26:1
Nicht bestanden
Aa
#95B6D4 auf #C0C1D8
1,20:1
Nicht bestanden
Aa
#3C3B6B auf #3C3D32
1,07:1
Nicht bestanden
Aa
#6C78AE auf #6E8660
1,06:1
Nicht bestanden
Aa
#EBEFFF auf #EEECCF
1,04: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