Blue Ranger
#00177C
Likes
42
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #00177C;
--c-vibrant-2: #84396C;
--c-vibrant-3: #598344;
--c-vibrant-4: #D09071;
--c-vibrant-5: #EACE75;
--c-vibrant-6: #F7FFED;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Pearl Powder (#F7FFED) bis zum dunkelsten Ton Blue Ranger (#00177C). Sie vereint Blue Ranger, Midnight Aubergine, Shepherd’s Green, Terra Cotta Clay, Moscow Mule und Pearl Powder in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #00177C auf #F7FFED mit 14,49:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Midnight Aubergine
#84396C
Shepherd’s Green
#598344
Terra Cotta Clay
#D09071
Moscow Mule
#EACE75
Pearl Powder
#F7FFED
Kontrast & Barrierefreiheit
5 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#00177C auf #F7FFED
14,49:1
AAA
Aa
#00177C auf #EACE75
9,61:1
AAA
Aa
#84396C auf #F7FFED
7,36:1
AAA
Aa
#00177C auf #D09071
5,60:1
AA
Aa
#84396C auf #EACE75
4,88:1
AA
Aa
#598344 auf #F7FFED
4,31:1
AA (großer Text)
Aa
#00177C auf #598344
3,36:1
AA (großer Text)
Aa
#598344 auf #EACE75
2,86:1
Nicht bestanden
Aa
#84396C auf #D09071
2,84:1
Nicht bestanden
Aa
#D09071 auf #F7FFED
2,59:1
Nicht bestanden
Aa
#00177C auf #84396C
1,97:1
Nicht bestanden
Aa
#D09071 auf #EACE75
1,72:1
Nicht bestanden
Aa
#84396C auf #598344
1,71:1
Nicht bestanden
Aa
#598344 auf #D09071
1,66:1
Nicht bestanden
Aa
#EACE75 auf #F7FFED
1,51: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