Reversed Grey
#06080A
Likes
159
Farben
11
CSS-Variablen
:root {
--c-muted-1: #06080A;
--c-muted-2: #080E12;
--c-muted-3: #09151B;
--c-muted-4: #081E26;
--c-muted-5: #052A32;
--c-muted-6: #184042;
--c-muted-7: #204C48;
--c-muted-8: #365C51;
--c-muted-9: #4E715F;
--c-muted-10: #809A80;
--c-muted-11: #9EAF99;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Garden (#9EAF99) bis zum dunkelsten Ton Reversed Grey (#06080A). Sie vereint Reversed Grey, Midnight Oil, Midnight Edition, Teal Spill, Daintree, Tiber, Nighthawks, Holly Bush, Green Valley, Dinosaur und Garden in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #06080A auf #9EAF99 mit 8,64:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Midnight Oil
#080E12
Midnight Edition
#09151B
Teal Spill
#081E26
Daintree
#052A32
Tiber
#184042
Nighthawks
#204C48
Holly Bush
#365C51
Green Valley
#4E715F
Dinosaur
#809A80
Garden
#9EAF99
Kontrast & Barrierefreiheit
11 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#06080A auf #9EAF99
8,64:1
AAA
Aa
#080E12 auf #9EAF99
8,36:1
AAA
Aa
#09151B auf #9EAF99
7,97:1
AAA
Aa
#081E26 auf #9EAF99
7,39:1
AAA
Aa
#06080A auf #809A80
6,55:1
AA
Aa
#052A32 auf #9EAF99
6,54:1
AA
Aa
#080E12 auf #809A80
6,33:1
AA
Aa
#09151B auf #809A80
6,04:1
AA
Aa
#081E26 auf #809A80
5,60:1
AA
Aa
#052A32 auf #809A80
4,95:1
AA
Aa
#184042 auf #9EAF99
4,89:1
AA
Aa
#204C48 auf #9EAF99
4,13:1
AA (großer Text)
Aa
#184042 auf #809A80
3,70:1
AA (großer Text)
Aa
#06080A auf #4E715F
3,68:1
AA (großer Text)
Aa
#080E12 auf #4E715F
3,56:1
AA (großer Text)
Aa
#09151B auf #4E715F
3,39:1
AA (großer Text)
Aa
#365C51 auf #9EAF99
3,22:1
AA (großer Text)
Aa
#081E26 auf #4E715F
3,15:1
AA (großer Text)
Aa
#204C48 auf #809A80
3,13:1
AA (großer Text)
Aa
#052A32 auf #4E715F
2,78:1
Nicht bestanden
Aa
#06080A auf #365C51
2,68:1
Nicht bestanden
Aa
#080E12 auf #365C51
2,59:1
Nicht bestanden
Aa
#09151B auf #365C51
2,47:1
Nicht bestanden
Aa
#365C51 auf #809A80
2,44:1
Nicht bestanden
Aa
#4E715F auf #9EAF99
2,35:1
Nicht bestanden
Aa
#081E26 auf #365C51
2,29:1
Nicht bestanden
Aa
#06080A auf #204C48
2,09:1
Nicht bestanden
Aa
#184042 auf #4E715F
2,08:1
Nicht bestanden
Aa
#052A32 auf #365C51
2,03:1
Nicht bestanden
Aa
#080E12 auf #204C48
2,02:1
Nicht bestanden
Aa
#09151B auf #204C48
1,93:1
Nicht bestanden
Aa
#081E26 auf #204C48
1,79:1
Nicht bestanden
Aa
#4E715F auf #809A80
1,78:1
Nicht bestanden
Aa
#06080A auf #184042
1,77:1
Nicht bestanden
Aa
#204C48 auf #4E715F
1,76:1
Nicht bestanden
Aa
#080E12 auf #184042
1,71:1
Nicht bestanden
Aa
#09151B auf #184042
1,63:1
Nicht bestanden
Aa
#052A32 auf #204C48
1,58:1
Nicht bestanden
Aa
#184042 auf #365C51
1,52:1
Nicht bestanden
Aa
#081E26 auf #184042
1,51:1
Nicht bestanden
Aa
#365C51 auf #4E715F
1,37:1
Nicht bestanden
Aa
#052A32 auf #184042
1,34:1
Nicht bestanden
Aa
#06080A auf #052A32
1,32:1
Nicht bestanden
Aa
#809A80 auf #9EAF99
1,32:1
Nicht bestanden
Aa
#080E12 auf #052A32
1,28:1
Nicht bestanden
Aa
#204C48 auf #365C51
1,28:1
Nicht bestanden
Aa
#09151B auf #052A32
1,22:1
Nicht bestanden
Aa
#184042 auf #204C48
1,18:1
Nicht bestanden
Aa
#06080A auf #081E26
1,17:1
Nicht bestanden
Aa
#080E12 auf #081E26
1,13:1
Nicht bestanden
Aa
#081E26 auf #052A32
1,13:1
Nicht bestanden
Aa
#06080A auf #09151B
1,08:1
Nicht bestanden
Aa
#09151B auf #081E26
1,08:1
Nicht bestanden
Aa
#080E12 auf #09151B
1,05:1
Nicht bestanden
Aa
#06080A auf #080E12
1,03:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365