Blood Omen
#890404
Likes
49
Farben
10
CSS-Variablen
:root {
--c-muted-1: #890404;
--c-muted-2: #201D1D;
--c-muted-3: #2E2A2A;
--c-muted-4: #443D3D;
--c-muted-5: #524949;
--c-muted-6: #6D5E5E;
--c-muted-7: #847575;
--c-muted-8: #968787;
--c-muted-9: #B29D9D;
--c-muted-10: #E8D4D4;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Demure (#E8D4D4) bis zum dunkelsten Ton Dynamic Black (#201D1D). Sie vereint Blood Omen, Dynamic Black, Livid Brown, Binrouji Black, Emperor, Moroccan Dusk, Roaming Pony, Rising Ash, Red Rock Panorama und Demure in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #201D1D auf #E8D4D4 mit 11,79:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Dynamic Black
#201D1D
Livid Brown
#2E2A2A
Binrouji Black
#443D3D
Emperor
#524949
Moroccan Dusk
#6D5E5E
Roaming Pony
#847575
Rising Ash
#968787
Red Rock Panorama
#B29D9D
Demure
#E8D4D4
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#201D1D auf #E8D4D4
11,79:1
AAA
Aa
#2E2A2A auf #E8D4D4
9,99:1
AAA
Aa
#443D3D auf #E8D4D4
7,47:1
AAA
Aa
#890404 auf #E8D4D4
7,11:1
AAA
Aa
#201D1D auf #B29D9D
6,54:1
AA
Aa
#524949 auf #E8D4D4
6,15:1
AA
Aa
#2E2A2A auf #B29D9D
5,54:1
AA
Aa
#201D1D auf #968787
4,87:1
AA
Aa
#6D5E5E auf #E8D4D4
4,34:1
AA (großer Text)
Aa
#443D3D auf #B29D9D
4,14:1
AA (großer Text)
Aa
#2E2A2A auf #968787
4,13:1
AA (großer Text)
Aa
#890404 auf #B29D9D
3,94:1
AA (großer Text)
Aa
#201D1D auf #847575
3,81:1
AA (großer Text)
Aa
#524949 auf #B29D9D
3,41:1
AA (großer Text)
Aa
#2E2A2A auf #847575
3,23:1
AA (großer Text)
Aa
#443D3D auf #968787
3,09:1
AA (großer Text)
Aa
#847575 auf #E8D4D4
3,09:1
AA (großer Text)
Aa
#890404 auf #968787
2,93:1
Nicht bestanden
Aa
#201D1D auf #6D5E5E
2,72:1
Nicht bestanden
Aa
#524949 auf #968787
2,54:1
Nicht bestanden
Aa
#968787 auf #E8D4D4
2,42:1
Nicht bestanden
Aa
#443D3D auf #847575
2,41:1
Nicht bestanden
Aa
#6D5E5E auf #B29D9D
2,40:1
Nicht bestanden
Aa
#890404 auf #847575
2,30:1
Nicht bestanden
Aa
#2E2A2A auf #6D5E5E
2,30:1
Nicht bestanden
Aa
#524949 auf #847575
1,99:1
Nicht bestanden
Aa
#201D1D auf #524949
1,92:1
Nicht bestanden
Aa
#B29D9D auf #E8D4D4
1,80:1
Nicht bestanden
Aa
#6D5E5E auf #968787
1,79:1
Nicht bestanden
Aa
#443D3D auf #6D5E5E
1,72:1
Nicht bestanden
Aa
#847575 auf #B29D9D
1,72:1
Nicht bestanden
Aa
#890404 auf #201D1D
1,66:1
Nicht bestanden
Aa
#890404 auf #6D5E5E
1,64:1
Nicht bestanden
Aa
#2E2A2A auf #524949
1,63:1
Nicht bestanden
Aa
#201D1D auf #443D3D
1,58:1
Nicht bestanden
Aa
#524949 auf #6D5E5E
1,42:1
Nicht bestanden
Aa
#890404 auf #2E2A2A
1,41:1
Nicht bestanden
Aa
#6D5E5E auf #847575
1,40:1
Nicht bestanden
Aa
#2E2A2A auf #443D3D
1,34:1
Nicht bestanden
Aa
#968787 auf #B29D9D
1,34:1
Nicht bestanden
Aa
#847575 auf #968787
1,28:1
Nicht bestanden
Aa
#443D3D auf #524949
1,22:1
Nicht bestanden
Aa
#201D1D auf #2E2A2A
1,18:1
Nicht bestanden
Aa
#890404 auf #524949
1,16:1
Nicht bestanden
Aa
#890404 auf #443D3D
1,05:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79