Registrieren Registrieren
Bit Unit 8

Bit Unit 8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Bit Unit 8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Komplementär green blue neon metal
Likes 160
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #1E405B;
  --c-muted-2: #6565AB;
  --c-muted-3: #76A8DE;
  --c-muted-4: #CEF1FF;
  --c-muted-5: #000000;
  --c-muted-6: #409F42;
  --c-muted-7: #8FD345;
  --c-muted-8: #BDFF8C;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Light Yellowish Green (#BDFF8C) bis zum dunkelsten Ton Black (#000000). Sie vereint Sir Edmund, Blue Iris, Greek Sea, Blue Hijab, Black, Kryptonite Green, Midsummer Field und Light Yellowish Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #BDFF8C mit 17,85:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Sir Edmund #1E405B
RGB
rgb(30, 64, 91)
HSL
hsl(207, 50%, 24%)
Luminanz
0,047
Blue Iris #6565AB
RGB
rgb(101, 101, 171)
HSL
hsl(240, 29%, 53%)
Luminanz
0,150
Greek Sea #76A8DE
RGB
rgb(118, 168, 222)
HSL
hsl(211, 61%, 67%)
Luminanz
0,371
Blue Hijab #CEF1FF
RGB
rgb(206, 241, 255)
HSL
hsl(197, 100%, 90%)
Luminanz
0,833
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Kryptonite Green #409F42
RGB
rgb(64, 159, 66)
HSL
hsl(121, 43%, 44%)
Luminanz
0,263
Midsummer Field #8FD345
RGB
rgb(143, 211, 69)
HSL
hsl(89, 62%, 55%)
Luminanz
0,529
Light Yellowish Green #BDFF8C
RGB
rgb(189, 255, 140)
HSL
hsl(94, 100%, 77%)
Luminanz
0,842

Kontrast & Barrierefreiheit

8 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #000000 auf #BDFF8C 17,85:1 AAA
Aa #CEF1FF auf #000000 17,65:1 AAA
Aa #000000 auf #8FD345 11,57:1 AAA
Aa #1E405B auf #BDFF8C 9,20:1 AAA
Aa #1E405B auf #CEF1FF 9,10:1 AAA
Aa #76A8DE auf #000000 8,43:1 AAA
Aa #000000 auf #409F42 6,26:1 AA
Aa #1E405B auf #8FD345 5,97:1 AA
Aa #6565AB auf #BDFF8C 4,46:1 AA (großer Text)
Aa #6565AB auf #CEF1FF 4,41:1 AA (großer Text)
Aa #1E405B auf #76A8DE 4,34:1 AA (großer Text)
Aa #6565AB auf #000000 4,00:1 AA (großer Text)
Aa #1E405B auf #409F42 3,23:1 AA (großer Text)
Aa #6565AB auf #8FD345 2,89:1 Nicht bestanden
Aa #409F42 auf #BDFF8C 2,85:1 Nicht bestanden
Aa #CEF1FF auf #409F42 2,82:1 Nicht bestanden
Aa #76A8DE auf #BDFF8C 2,12:1 Nicht bestanden
Aa #6565AB auf #76A8DE 2,11:1 Nicht bestanden
Aa #76A8DE auf #CEF1FF 2,09:1 Nicht bestanden
Aa #1E405B auf #6565AB 2,06:1 Nicht bestanden
Aa #1E405B auf #000000 1,94:1 Nicht bestanden
Aa #409F42 auf #8FD345 1,85:1 Nicht bestanden
Aa #6565AB auf #409F42 1,56:1 Nicht bestanden
Aa #8FD345 auf #BDFF8C 1,54:1 Nicht bestanden
Aa #CEF1FF auf #8FD345 1,53:1 Nicht bestanden
Aa #76A8DE auf #8FD345 1,37:1 Nicht bestanden
Aa #76A8DE auf #409F42 1,35:1 Nicht bestanden
Aa #CEF1FF auf #BDFF8C 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben