Registrieren Registrieren
Violet Voyage

Violet Voyage

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Violet Voyage

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Lebendig 9 Farben Warm Gemischt Triadisch orange pink violet cosmic
Likes 147
Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #0A0A28;
  --c-vibrant-2: #1D0F3F;
  --c-vibrant-3: #351567;
  --c-vibrant-4: #501F9A;
  --c-vibrant-5: #8B2DDC;
  --c-vibrant-6: #FF45E9;
  --c-vibrant-7: #FF89B4;
  --c-vibrant-8: #FEABAB;
  --c-vibrant-9: #FFC5A0;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Romantic (#FFC5A0) bis zum dunkelsten Ton Mysterious Depths (#0A0A28). Sie vereint Mysterious Depths, Shadow Planet, Candied Blueberry, Eine Kleine Nachtmusik, Bright Blue Violet, Actinic Light, Cochonnet, Apricot Haze und Romantic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0A0A28 auf #FFC5A0 mit 12,65:1.

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

Farben im Detail

Mysterious Depths #0A0A28
RGB
rgb(10, 10, 40)
HSL
hsl(240, 60%, 10%)
Luminanz
0,004
Shadow Planet #1D0F3F
RGB
rgb(29, 15, 63)
HSL
hsl(258, 62%, 15%)
Luminanz
0,010
Candied Blueberry #351567
RGB
rgb(53, 21, 103)
HSL
hsl(263, 66%, 24%)
Luminanz
0,023
Eine Kleine Nachtmusik #501F9A
RGB
rgb(80, 31, 154)
HSL
hsl(264, 66%, 36%)
Luminanz
0,050
Bright Blue Violet #8B2DDC
RGB
rgb(139, 45, 220)
HSL
hsl(272, 71%, 52%)
Luminanz
0,125
Actinic Light #FF45E9
RGB
rgb(255, 69, 233)
HSL
hsl(307, 100%, 64%)
Luminanz
0,314
Cochonnet #FF89B4
RGB
rgb(255, 137, 180)
HSL
hsl(338, 100%, 77%)
Luminanz
0,425
Apricot Haze #FEABAB
RGB
rgb(254, 171, 171)
HSL
hsl(0, 98%, 83%)
Luminanz
0,531
Romantic #FFC5A0
RGB
rgb(255, 197, 160)
HSL
hsl(23, 100%, 81%)
Luminanz
0,637

Kontrast & Barrierefreiheit

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

Aa #0A0A28 auf #FFC5A0 12,65:1 AAA
Aa #1D0F3F auf #FFC5A0 11,53:1 AAA
Aa #0A0A28 auf #FEABAB 10,70:1 AAA
Aa #1D0F3F auf #FEABAB 9,75:1 AAA
Aa #351567 auf #FFC5A0 9,45:1 AAA
Aa #0A0A28 auf #FF89B4 8,73:1 AAA
Aa #351567 auf #FEABAB 7,99:1 AAA
Aa #1D0F3F auf #FF89B4 7,96:1 AAA
Aa #501F9A auf #FFC5A0 6,86:1 AA
Aa #0A0A28 auf #FF45E9 6,70:1 AA
Aa #351567 auf #FF89B4 6,52:1 AA
Aa #1D0F3F auf #FF45E9 6,11:1 AA
Aa #501F9A auf #FEABAB 5,80:1 AA
Aa #351567 auf #FF45E9 5,01:1 AA
Aa #501F9A auf #FF89B4 4,74:1 AA
Aa #8B2DDC auf #FFC5A0 3,92:1 AA (großer Text)
Aa #501F9A auf #FF45E9 3,63:1 AA (großer Text)
Aa #8B2DDC auf #FEABAB 3,32:1 AA (großer Text)
Aa #0A0A28 auf #8B2DDC 3,23:1 AA (großer Text)
Aa #1D0F3F auf #8B2DDC 2,94:1 Nicht bestanden
Aa #8B2DDC auf #FF89B4 2,71:1 Nicht bestanden
Aa #351567 auf #8B2DDC 2,41:1 Nicht bestanden
Aa #8B2DDC auf #FF45E9 2,08:1 Nicht bestanden
Aa #FF45E9 auf #FFC5A0 1,89:1 Nicht bestanden
Aa #0A0A28 auf #501F9A 1,84:1 Nicht bestanden
Aa #501F9A auf #8B2DDC 1,75:1 Nicht bestanden
Aa #1D0F3F auf #501F9A 1,68:1 Nicht bestanden
Aa #FF45E9 auf #FEABAB 1,60:1 Nicht bestanden
Aa #FF89B4 auf #FFC5A0 1,45:1 Nicht bestanden
Aa #351567 auf #501F9A 1,38:1 Nicht bestanden
Aa #0A0A28 auf #351567 1,34:1 Nicht bestanden
Aa #FF45E9 auf #FF89B4 1,30:1 Nicht bestanden
Aa #FF89B4 auf #FEABAB 1,23:1 Nicht bestanden
Aa #1D0F3F auf #351567 1,22:1 Nicht bestanden
Aa #FEABAB auf #FFC5A0 1,18:1 Nicht bestanden
Aa #0A0A28 auf #1D0F3F 1,10:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben