Registrieren Registrieren
ST 8 Sapphire

ST 8 Sapphire

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

ST 8 Sapphire

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Monochrom artist blue aqua st8
Likes 39
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #141433;
  --c-vibrant-2: #17174D;
  --c-vibrant-3: #1A1F80;
  --c-vibrant-4: #2932A6;
  --c-vibrant-5: #3347CC;
  --c-vibrant-6: #5064E5;
  --c-vibrant-7: #6D88F2;
  --c-vibrant-8: #9DB4F2;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Wondrous Wisteria (#9DB4F2) bis zum dunkelsten Ton Lost in Sadness (#141433). Sie vereint Lost in Sadness, Tetsu-Kon Blue, Impression of Obscurity, Yuè Guāng Lán Blue, Kikorangi Blue, Arcane Brew, Punch Out Glove und Wondrous Wisteria in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #141433 auf #9DB4F2 mit 8,7:1.

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

Farben im Detail

Lost in Sadness #141433
RGB
rgb(20, 20, 51)
HSL
hsl(240, 44%, 14%)
Luminanz
0,009
Tetsu-Kon Blue #17174D
RGB
rgb(23, 23, 77)
HSL
hsl(240, 54%, 20%)
Luminanz
0,013
Impression of Obscurity #1A1F80
RGB
rgb(26, 31, 128)
HSL
hsl(237, 66%, 30%)
Luminanz
0,028
Yuè Guāng Lán Blue #2932A6
RGB
rgb(41, 50, 166)
HSL
hsl(236, 60%, 41%)
Luminanz
0,055
Kikorangi Blue #3347CC
RGB
rgb(51, 71, 204)
HSL
hsl(232, 60%, 50%)
Luminanz
0,096
Arcane Brew #5064E5
RGB
rgb(80, 100, 229)
HSL
hsl(232, 74%, 61%)
Luminanz
0,165
Punch Out Glove #6D88F2
RGB
rgb(109, 136, 242)
HSL
hsl(228, 84%, 69%)
Luminanz
0,273
Wondrous Wisteria #9DB4F2
RGB
rgb(157, 180, 242)
HSL
hsl(224, 77%, 78%)
Luminanz
0,462

Kontrast & Barrierefreiheit

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

Aa #141433 auf #9DB4F2 8,70:1 AAA
Aa #17174D auf #9DB4F2 8,09:1 AAA
Aa #1A1F80 auf #9DB4F2 6,60:1 AA
Aa #141433 auf #6D88F2 5,48:1 AA
Aa #17174D auf #6D88F2 5,10:1 AA
Aa #2932A6 auf #9DB4F2 4,88:1 AA
Aa #1A1F80 auf #6D88F2 4,16:1 AA (großer Text)
Aa #141433 auf #5064E5 3,65:1 AA (großer Text)
Aa #3347CC auf #9DB4F2 3,52:1 AA (großer Text)
Aa #17174D auf #5064E5 3,39:1 AA (großer Text)
Aa #2932A6 auf #6D88F2 3,07:1 AA (großer Text)
Aa #1A1F80 auf #5064E5 2,77:1 Nicht bestanden
Aa #141433 auf #3347CC 2,47:1 Nicht bestanden
Aa #5064E5 auf #9DB4F2 2,38:1 Nicht bestanden
Aa #17174D auf #3347CC 2,30:1 Nicht bestanden
Aa #3347CC auf #6D88F2 2,21:1 Nicht bestanden
Aa #2932A6 auf #5064E5 2,04:1 Nicht bestanden
Aa #1A1F80 auf #3347CC 1,88:1 Nicht bestanden
Aa #141433 auf #2932A6 1,78:1 Nicht bestanden
Aa #17174D auf #2932A6 1,66:1 Nicht bestanden
Aa #6D88F2 auf #9DB4F2 1,59:1 Nicht bestanden
Aa #5064E5 auf #6D88F2 1,50:1 Nicht bestanden
Aa #3347CC auf #5064E5 1,47:1 Nicht bestanden
Aa #2932A6 auf #3347CC 1,39:1 Nicht bestanden
Aa #1A1F80 auf #2932A6 1,35:1 Nicht bestanden
Aa #141433 auf #1A1F80 1,32:1 Nicht bestanden
Aa #17174D auf #1A1F80 1,23:1 Nicht bestanden
Aa #141433 auf #17174D 1,08: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