Crow
#170A16
Likes
16
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #170A16;
--c-vibrant-2: #471710;
--c-vibrant-3: #802512;
--c-vibrant-4: #8F3F3C;
--c-vibrant-5: #AD5025;
--c-vibrant-6: #E05E1D;
--c-vibrant-7: #DF7A5F;
--c-vibrant-8: #E4A358;
--c-vibrant-9: #F5AC93;
--c-vibrant-10: #E3C6C1;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Rose Coloured Glasses (#E3C6C1) bis zum dunkelsten Ton Crow (#170A16). Sie vereint Crow, Barbecue Sauce, Caponata, Red Red Red, Cinnamon Stick, Ferocious Fox, Flamenco Pink, Roasted Squash, Pretty Primrose und Rose Coloured Glasses in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #170A16 auf #E3C6C1 mit 12,02:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Barbecue Sauce
#471710
Caponata
#802512
Red Red Red
#8F3F3C
Cinnamon Stick
#AD5025
Ferocious Fox
#E05E1D
Flamenco Pink
#DF7A5F
Roasted Squash
#E4A358
Pretty Primrose
#F5AC93
Rose Coloured Glasses
#E3C6C1
Kontrast & Barrierefreiheit
11 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#170A16 auf #E3C6C1
12,02:1
AAA
Aa
#170A16 auf #F5AC93
10,27:1
AAA
Aa
#471710 auf #E3C6C1
9,38:1
AAA
Aa
#170A16 auf #E4A358
8,87:1
AAA
Aa
#471710 auf #F5AC93
8,02:1
AAA
Aa
#471710 auf #E4A358
6,92:1
AA
Aa
#170A16 auf #DF7A5F
6,49:1
AA
Aa
#802512 auf #E3C6C1
5,98:1
AA
Aa
#170A16 auf #E05E1D
5,30:1
AA
Aa
#802512 auf #F5AC93
5,11:1
AA
Aa
#471710 auf #DF7A5F
5,07:1
AA
Aa
#8F3F3C auf #E3C6C1
4,45:1
AA (großer Text)
Aa
#802512 auf #E4A358
4,42:1
AA (großer Text)
Aa
#471710 auf #E05E1D
4,14:1
AA (großer Text)
Aa
#8F3F3C auf #F5AC93
3,81:1
AA (großer Text)
Aa
#170A16 auf #AD5025
3,62:1
AA (großer Text)
Aa
#AD5025 auf #E3C6C1
3,32:1
AA (großer Text)
Aa
#8F3F3C auf #E4A358
3,29:1
AA (großer Text)
Aa
#802512 auf #DF7A5F
3,23:1
AA (großer Text)
Aa
#AD5025 auf #F5AC93
2,84:1
Nicht bestanden
Aa
#471710 auf #AD5025
2,83:1
Nicht bestanden
Aa
#170A16 auf #8F3F3C
2,70:1
Nicht bestanden
Aa
#802512 auf #E05E1D
2,64:1
Nicht bestanden
Aa
#AD5025 auf #E4A358
2,45:1
Nicht bestanden
Aa
#8F3F3C auf #DF7A5F
2,41:1
Nicht bestanden
Aa
#E05E1D auf #E3C6C1
2,27:1
Nicht bestanden
Aa
#471710 auf #8F3F3C
2,11:1
Nicht bestanden
Aa
#170A16 auf #802512
2,01:1
Nicht bestanden
Aa
#8F3F3C auf #E05E1D
1,97:1
Nicht bestanden
Aa
#E05E1D auf #F5AC93
1,94:1
Nicht bestanden
Aa
#DF7A5F auf #E3C6C1
1,85:1
Nicht bestanden
Aa
#802512 auf #AD5025
1,80:1
Nicht bestanden
Aa
#AD5025 auf #DF7A5F
1,79:1
Nicht bestanden
Aa
#E05E1D auf #E4A358
1,67:1
Nicht bestanden
Aa
#DF7A5F auf #F5AC93
1,58:1
Nicht bestanden
Aa
#471710 auf #802512
1,57:1
Nicht bestanden
Aa
#AD5025 auf #E05E1D
1,47:1
Nicht bestanden
Aa
#DF7A5F auf #E4A358
1,37:1
Nicht bestanden
Aa
#E4A358 auf #E3C6C1
1,35:1
Nicht bestanden
Aa
#802512 auf #8F3F3C
1,34:1
Nicht bestanden
Aa
#8F3F3C auf #AD5025
1,34:1
Nicht bestanden
Aa
#170A16 auf #471710
1,28:1
Nicht bestanden
Aa
#E05E1D auf #DF7A5F
1,22:1
Nicht bestanden
Aa
#F5AC93 auf #E3C6C1
1,17:1
Nicht bestanden
Aa
#E4A358 auf #F5AC93
1,16:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50