Cranberry
#A40038
The Roarin' 80's (V2)
Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär
Likes
71
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #A40038;
--c-vibrant-2: #D43E1F;
--c-vibrant-3: #DF892E;
--c-vibrant-4: #4E7026;
--c-vibrant-5: #09177E;
--c-vibrant-6: #330043;
--c-vibrant-7: #01000E;
--c-vibrant-8: #F5C1C5;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Rose Reminder (#F5C1C5) bis zum dunkelsten Ton Benthic Black (#01000E). Sie vereint Cranberry, Ake Blood, Status Bronze, Loren Forest, Blue Ranger, Edge of Space, Benthic Black und Rose Reminder in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #01000E auf #F5C1C5 mit 13,22:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ake Blood
#D43E1F
Status Bronze
#DF892E
Loren Forest
#4E7026
Blue Ranger
#09177E
Edge of Space
#330043
Benthic Black
#01000E
Rose Reminder
#F5C1C5
Kontrast & Barrierefreiheit
7 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#01000E auf #F5C1C5
13,22:1
AAA
Aa
#330043 auf #F5C1C5
10,90:1
AAA
Aa
#09177E auf #F5C1C5
9,28:1
AAA
Aa
#DF892E auf #01000E
7,70:1
AAA
Aa
#DF892E auf #330043
6,35:1
AA
Aa
#DF892E auf #09177E
5,40:1
AA
Aa
#A40038 auf #F5C1C5
5,05:1
AA
Aa
#D43E1F auf #01000E
4,47:1
AA (großer Text)
Aa
#D43E1F auf #330043
3,69:1
AA (großer Text)
Aa
#4E7026 auf #01000E
3,64:1
AA (großer Text)
Aa
#4E7026 auf #F5C1C5
3,63:1
AA (großer Text)
Aa
#D43E1F auf #09177E
3,14:1
AA (großer Text)
Aa
#4E7026 auf #330043
3,00:1
AA (großer Text)
Aa
#D43E1F auf #F5C1C5
2,95:1
Nicht bestanden
Aa
#A40038 auf #DF892E
2,94:1
Nicht bestanden
Aa
#A40038 auf #01000E
2,62:1
Nicht bestanden
Aa
#4E7026 auf #09177E
2,56:1
Nicht bestanden
Aa
#A40038 auf #330043
2,16:1
Nicht bestanden
Aa
#DF892E auf #4E7026
2,11:1
Nicht bestanden
Aa
#A40038 auf #09177E
1,84:1
Nicht bestanden
Aa
#D43E1F auf #DF892E
1,72:1
Nicht bestanden
Aa
#DF892E auf #F5C1C5
1,72:1
Nicht bestanden
Aa
#A40038 auf #D43E1F
1,71:1
Nicht bestanden
Aa
#09177E auf #01000E
1,42:1
Nicht bestanden
Aa
#A40038 auf #4E7026
1,39:1
Nicht bestanden
Aa
#D43E1F auf #4E7026
1,23:1
Nicht bestanden
Aa
#330043 auf #01000E
1,21:1
Nicht bestanden
Aa
#09177E auf #330043
1,17: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