Kuro Green
#17261A
Likes
30
Farben
10
CSS-Variablen
:root {
--c-muted-1: #17261A;
--c-muted-2: #364D39;
--c-muted-3: #66806A;
--c-muted-4: #9BB38F;
--c-muted-5: #BCCCAD;
--c-muted-6: #211726;
--c-muted-7: #3D364D;
--c-muted-8: #666A80;
--c-muted-9: #8F9BB3;
--c-muted-10: #ADC7CC;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Succulent Garden (#BCCCAD) bis zum dunkelsten Ton Night Demons (#211726). Sie vereint Kuro Green, Mountain View, Garden Greenery, Basilisk, Succulent Garden, Night Demons, Caddies Silk, Nostalgic, Periwinkle Dusk und Billowy Breeze in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BCCCAD auf #211726 mit 10,19:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Mountain View
#364D39
Garden Greenery
#66806A
Basilisk
#9BB38F
Succulent Garden
#BCCCAD
Night Demons
#211726
Caddies Silk
#3D364D
Nostalgic
#666A80
Periwinkle Dusk
#8F9BB3
Billowy Breeze
#ADC7CC
Kontrast & Barrierefreiheit
13 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#BCCCAD auf #211726
10,19:1
AAA
Aa
#211726 auf #ADC7CC
9,73:1
AAA
Aa
#17261A auf #BCCCAD
9,32:1
AAA
Aa
#17261A auf #ADC7CC
8,90:1
AAA
Aa
#9BB38F auf #211726
7,60:1
AAA
Aa
#17261A auf #9BB38F
6,95:1
AA
Aa
#BCCCAD auf #3D364D
6,75:1
AA
Aa
#3D364D auf #ADC7CC
6,45:1
AA
Aa
#211726 auf #8F9BB3
6,18:1
AA
Aa
#17261A auf #8F9BB3
5,65:1
AA
Aa
#364D39 auf #BCCCAD
5,44:1
AA
Aa
#364D39 auf #ADC7CC
5,19:1
AA
Aa
#9BB38F auf #3D364D
5,04:1
AA
Aa
#3D364D auf #8F9BB3
4,10:1
AA (großer Text)
Aa
#364D39 auf #9BB38F
4,06:1
AA (großer Text)
Aa
#66806A auf #211726
4,00:1
AA (großer Text)
Aa
#17261A auf #66806A
3,66:1
AA (großer Text)
Aa
#364D39 auf #8F9BB3
3,30:1
AA (großer Text)
Aa
#211726 auf #666A80
3,24:1
AA (großer Text)
Aa
#BCCCAD auf #666A80
3,14:1
AA (großer Text)
Aa
#666A80 auf #ADC7CC
3,00:1
AA (großer Text)
Aa
#17261A auf #666A80
2,96:1
Nicht bestanden
Aa
#66806A auf #3D364D
2,65:1
Nicht bestanden
Aa
#66806A auf #BCCCAD
2,55:1
Nicht bestanden
Aa
#66806A auf #ADC7CC
2,43:1
Nicht bestanden
Aa
#9BB38F auf #666A80
2,35:1
Nicht bestanden
Aa
#3D364D auf #666A80
2,15:1
Nicht bestanden
Aa
#364D39 auf #66806A
2,13:1
Nicht bestanden
Aa
#666A80 auf #8F9BB3
1,91:1
Nicht bestanden
Aa
#66806A auf #9BB38F
1,90:1
Nicht bestanden
Aa
#364D39 auf #211726
1,87:1
Nicht bestanden
Aa
#364D39 auf #666A80
1,73:1
Nicht bestanden
Aa
#17261A auf #364D39
1,71:1
Nicht bestanden
Aa
#BCCCAD auf #8F9BB3
1,65:1
Nicht bestanden
Aa
#8F9BB3 auf #ADC7CC
1,57:1
Nicht bestanden
Aa
#66806A auf #8F9BB3
1,54:1
Nicht bestanden
Aa
#211726 auf #3D364D
1,51:1
Nicht bestanden
Aa
#17261A auf #3D364D
1,38:1
Nicht bestanden
Aa
#9BB38F auf #BCCCAD
1,34:1
Nicht bestanden
Aa
#9BB38F auf #ADC7CC
1,28:1
Nicht bestanden
Aa
#364D39 auf #3D364D
1,24:1
Nicht bestanden
Aa
#66806A auf #666A80
1,23:1
Nicht bestanden
Aa
#9BB38F auf #8F9BB3
1,23:1
Nicht bestanden
Aa
#17261A auf #211726
1,09:1
Nicht bestanden
Aa
#BCCCAD auf #ADC7CC
1,05: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