Hadopelagic Water
#02011B
Likes
36
Farben
11
CSS-Variablen
:root {
--c-muted-1: #02011B;
--c-muted-2: #140437;
--c-muted-3: #380849;
--c-muted-4: #64103F;
--c-muted-5: #761631;
--c-muted-6: #922232;
--c-muted-7: #A43E2E;
--c-muted-8: #B66F3B;
--c-muted-9: #C8A44F;
--c-muted-10: #D1CF5D;
--c-muted-11: #DBD875;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Moist Gold (#DBD875) bis zum dunkelsten Ton Hadopelagic Water (#02011B). Sie vereint Hadopelagic Water, Quiet Abyss, Romanic Scene, Her Fierceness, Deep Claret, Rio Red, Edocha, Orange Ballad, Golden Sheaf, Energised und Moist Gold in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 19 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #02011B auf #DBD875 mit 13,78:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Quiet Abyss
#140437
Romanic Scene
#380849
Her Fierceness
#64103F
Deep Claret
#761631
Rio Red
#922232
Edocha
#A43E2E
Orange Ballad
#B66F3B
Golden Sheaf
#C8A44F
Energised
#D1CF5D
Moist Gold
#DBD875
Kontrast & Barrierefreiheit
19 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#02011B auf #DBD875
13,78:1
AAA
Aa
#140437 auf #DBD875
12,78:1
AAA
Aa
#02011B auf #D1CF5D
12,51:1
AAA
Aa
#140437 auf #D1CF5D
11,61:1
AAA
Aa
#380849 auf #DBD875
10,85:1
AAA
Aa
#380849 auf #D1CF5D
9,85:1
AAA
Aa
#02011B auf #C8A44F
8,68:1
AAA
Aa
#64103F auf #DBD875
8,35:1
AAA
Aa
#140437 auf #C8A44F
8,06:1
AAA
Aa
#64103F auf #D1CF5D
7,58:1
AAA
Aa
#761631 auf #DBD875
7,30:1
AAA
Aa
#380849 auf #C8A44F
6,83:1
AA
Aa
#761631 auf #D1CF5D
6,63:1
AA
Aa
#922232 auf #DBD875
5,64:1
AA
Aa
#64103F auf #C8A44F
5,26:1
AA
Aa
#02011B auf #B66F3B
5,21:1
AA
Aa
#922232 auf #D1CF5D
5,12:1
AA
Aa
#140437 auf #B66F3B
4,83:1
AA
Aa
#761631 auf #C8A44F
4,60:1
AA
Aa
#A43E2E auf #DBD875
4,26:1
AA (großer Text)
Aa
#380849 auf #B66F3B
4,10:1
AA (großer Text)
Aa
#A43E2E auf #D1CF5D
3,87:1
AA (großer Text)
Aa
#922232 auf #C8A44F
3,56:1
AA (großer Text)
Aa
#02011B auf #A43E2E
3,23:1
AA (großer Text)
Aa
#64103F auf #B66F3B
3,16:1
AA (großer Text)
Aa
#140437 auf #A43E2E
3,00:1
AA (großer Text)
Aa
#761631 auf #B66F3B
2,76:1
Nicht bestanden
Aa
#A43E2E auf #C8A44F
2,68:1
Nicht bestanden
Aa
#B66F3B auf #DBD875
2,65:1
Nicht bestanden
Aa
#380849 auf #A43E2E
2,55:1
Nicht bestanden
Aa
#02011B auf #922232
2,44:1
Nicht bestanden
Aa
#B66F3B auf #D1CF5D
2,40:1
Nicht bestanden
Aa
#140437 auf #922232
2,27:1
Nicht bestanden
Aa
#922232 auf #B66F3B
2,13:1
Nicht bestanden
Aa
#64103F auf #A43E2E
1,96:1
Nicht bestanden
Aa
#380849 auf #922232
1,92:1
Nicht bestanden
Aa
#02011B auf #761631
1,89:1
Nicht bestanden
Aa
#140437 auf #761631
1,75:1
Nicht bestanden
Aa
#761631 auf #A43E2E
1,71:1
Nicht bestanden
Aa
#B66F3B auf #C8A44F
1,67:1
Nicht bestanden
Aa
#02011B auf #64103F
1,65:1
Nicht bestanden
Aa
#A43E2E auf #B66F3B
1,61:1
Nicht bestanden
Aa
#C8A44F auf #DBD875
1,59:1
Nicht bestanden
Aa
#140437 auf #64103F
1,53:1
Nicht bestanden
Aa
#380849 auf #761631
1,49:1
Nicht bestanden
Aa
#64103F auf #922232
1,48:1
Nicht bestanden
Aa
#C8A44F auf #D1CF5D
1,44:1
Nicht bestanden
Aa
#922232 auf #A43E2E
1,32:1
Nicht bestanden
Aa
#380849 auf #64103F
1,30:1
Nicht bestanden
Aa
#761631 auf #922232
1,29:1
Nicht bestanden
Aa
#02011B auf #380849
1,27:1
Nicht bestanden
Aa
#140437 auf #380849
1,18:1
Nicht bestanden
Aa
#64103F auf #761631
1,14:1
Nicht bestanden
Aa
#D1CF5D auf #DBD875
1,10:1
Nicht bestanden
Aa
#02011B auf #140437
1,08: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