Registrieren Registrieren
Bathypalegic 8

Bathypalegic 8

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

Zurück zur Bibliothek

Bathypalegic 8

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

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Komplementär monoramp blue 8 ocean
Likes 35
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #12053B;
  --c-muted-2: #1C1363;
  --c-muted-3: #253982;
  --c-muted-4: #366B9F;
  --c-muted-5: #5C9DB9;
  --c-muted-6: #85C3CE;
  --c-muted-7: #BCE3DE;
  --c-muted-8: #F2F5F0;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Classic Chalk (#F2F5F0) bis zum dunkelsten Ton Congressional Navy (#12053B). Sie vereint Congressional Navy, Ocean Abyss, Surf the Web, Lochmara, Shakespeare, Antigua Sand, Bleached Aqua und Classic Chalk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #12053B auf #F2F5F0 mit 17,19:1.

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

Farben im Detail

Congressional Navy #12053B
RGB
rgb(18, 5, 59)
HSL
hsl(254, 84%, 13%)
Luminanz
0,006
Ocean Abyss #1C1363
RGB
rgb(28, 19, 99)
HSL
hsl(247, 68%, 23%)
Luminanz
0,016
Surf the Web #253982
RGB
rgb(37, 57, 130)
HSL
hsl(227, 56%, 33%)
Luminanz
0,049
Lochmara #366B9F
RGB
rgb(54, 107, 159)
HSL
hsl(210, 49%, 42%)
Luminanz
0,138
Shakespeare #5C9DB9
RGB
rgb(92, 157, 185)
HSL
hsl(198, 40%, 54%)
Luminanz
0,299
Antigua Sand #85C3CE
RGB
rgb(133, 195, 206)
HSL
hsl(189, 43%, 66%)
Luminanz
0,485
Bleached Aqua #BCE3DE
RGB
rgb(188, 227, 222)
HSL
hsl(172, 41%, 81%)
Luminanz
0,709
Classic Chalk #F2F5F0
RGB
rgb(242, 245, 240)
HSL
hsl(96, 20%, 95%)
Luminanz
0,905

Kontrast & Barrierefreiheit

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

Aa #12053B auf #F2F5F0 17,19:1 AAA
Aa #1C1363 auf #F2F5F0 14,44:1 AAA
Aa #12053B auf #BCE3DE 13,67:1 AAA
Aa #1C1363 auf #BCE3DE 11,48:1 AAA
Aa #12053B auf #85C3CE 9,63:1 AAA
Aa #253982 auf #F2F5F0 9,61:1 AAA
Aa #1C1363 auf #85C3CE 8,09:1 AAA
Aa #253982 auf #BCE3DE 7,64:1 AAA
Aa #12053B auf #5C9DB9 6,28:1 AA
Aa #253982 auf #85C3CE 5,38:1 AA
Aa #1C1363 auf #5C9DB9 5,28:1 AA
Aa #366B9F auf #F2F5F0 5,08:1 AA
Aa #366B9F auf #BCE3DE 4,04:1 AA (großer Text)
Aa #253982 auf #5C9DB9 3,51:1 AA (großer Text)
Aa #12053B auf #366B9F 3,39:1 AA (großer Text)
Aa #1C1363 auf #366B9F 2,84:1 Nicht bestanden
Aa #366B9F auf #85C3CE 2,84:1 Nicht bestanden
Aa #5C9DB9 auf #F2F5F0 2,74:1 Nicht bestanden
Aa #5C9DB9 auf #BCE3DE 2,18:1 Nicht bestanden
Aa #253982 auf #366B9F 1,89:1 Nicht bestanden
Aa #366B9F auf #5C9DB9 1,86:1 Nicht bestanden
Aa #12053B auf #253982 1,79:1 Nicht bestanden
Aa #85C3CE auf #F2F5F0 1,79:1 Nicht bestanden
Aa #5C9DB9 auf #85C3CE 1,53:1 Nicht bestanden
Aa #1C1363 auf #253982 1,50:1 Nicht bestanden
Aa #85C3CE auf #BCE3DE 1,42:1 Nicht bestanden
Aa #BCE3DE auf #F2F5F0 1,26:1 Nicht bestanden
Aa #12053B auf #1C1363 1,19: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