Sailor Moon
#FFEE00
Likes
48
Farben
5
CSS-Variablen
:root {
--c-muted-1: #FFEE00;
--c-muted-2: #DAA100;
--c-muted-3: #9B4C00;
--c-muted-4: #5B1200;
--c-muted-5: #090001;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Sailor Moon (#FFEE00) bis zum dunkelsten Ton Pupil (#090001). Sie vereint Sailor Moon, Golden Beryl Yellow, Brownie, Baragon Brown und Pupil in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEE00 auf #090001 mit 17,27:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Golden Beryl Yellow
#DAA100
Brownie
#9B4C00
Baragon Brown
#5B1200
Pupil
#090001
Kontrast & Barrierefreiheit
5 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFEE00 auf #090001
17,27:1
AAA
Aa
#FFEE00 auf #5B1200
11,42:1
AAA
Aa
#DAA100 auf #090001
8,97:1
AAA
Aa
#DAA100 auf #5B1200
5,93:1
AA
Aa
#FFEE00 auf #9B4C00
5,10:1
AA
Aa
#9B4C00 auf #090001
3,39:1
AA (großer Text)
Aa
#DAA100 auf #9B4C00
2,65:1
Nicht bestanden
Aa
#9B4C00 auf #5B1200
2,24:1
Nicht bestanden
Aa
#FFEE00 auf #DAA100
1,93:1
Nicht bestanden
Aa
#5B1200 auf #090001
1,51: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