Startseite Farbpaletten Grotesquely Cute

Grotesquely Cute

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

Zurück zur Bibliothek

Grotesquely Cute

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

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Triadisch pixelart purple cute violet

Likes 60

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #0D0D0F;
  --c-muted-2: #1C2141;
  --c-muted-3: #413F78;
  --c-muted-4: #64639E;
  --c-muted-5: #9D90C8;
  --c-muted-6: #CCAFD5;
  --c-muted-7: #C0DBD4;
  --c-muted-8: #DDD9FE;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Transparent Blue (#DDD9FE) bis zum dunkelsten Ton Black Sheep (#0D0D0F). Sie vereint Black Sheep, Konkikyō Blue, Hot Sauna, Dark Horizon, Violet Tulip, Cherish the Moment, Pinnacle und Transparent Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D0D0F auf #DDD9FE mit 14,27:1.

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

Farben im Detail

Black Sheep #0D0D0F

RGB: rgb(13, 13, 15)
HSL: hsl(240, 7%, 5%)
Luminanz: 0,004

Konkikyō Blue #1C2141

RGB: rgb(28, 33, 65)
HSL: hsl(232, 40%, 18%)
Luminanz: 0,017

Hot Sauna #413F78

RGB: rgb(65, 63, 120)
HSL: hsl(242, 31%, 36%)
Luminanz: 0,060

Dark Horizon #64639E

RGB: rgb(100, 99, 158)
HSL: hsl(241, 23%, 50%)
Luminanz: 0,141

Violet Tulip #9D90C8

RGB: rgb(157, 144, 200)
HSL: hsl(254, 34%, 67%)
Luminanz: 0,313

Cherish the Moment #CCAFD5

RGB: rgb(204, 175, 213)
HSL: hsl(286, 31%, 76%)
Luminanz: 0,483

Pinnacle #C0DBD4

RGB: rgb(192, 219, 212)
HSL: hsl(164, 27%, 81%)
Luminanz: 0,666

Transparent Blue #DDD9FE

RGB: rgb(221, 217, 254)
HSL: hsl(246, 95%, 92%)
Luminanz: 0,722

Kontrast & Barrierefreiheit

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

Aa #0D0D0F auf #DDD9FE 14,27:1 AAA

Aa #0D0D0F auf #C0DBD4 13,24:1 AAA

Aa #1C2141 auf #DDD9FE 11,49:1 AAA

Aa #1C2141 auf #C0DBD4 10,66:1 AAA

Aa #0D0D0F auf #CCAFD5 9,86:1 AAA

Aa #1C2141 auf #CCAFD5 7,94:1 AAA

Aa #413F78 auf #DDD9FE 6,99:1 AA

Aa #0D0D0F auf #9D90C8 6,71:1 AA

Aa #413F78 auf #C0DBD4 6,49:1 AA

Aa #1C2141 auf #9D90C8 5,40:1 AA

Aa #413F78 auf #CCAFD5 4,83:1 AA

Aa #64639E auf #DDD9FE 4,04:1 AA (großer Text)

Aa #64639E auf #C0DBD4 3,75:1 AA (großer Text)

Aa #0D0D0F auf #64639E 3,53:1 AA (großer Text)

Aa #413F78 auf #9D90C8 3,29:1 AA (großer Text)

Aa #1C2141 auf #64639E 2,84:1 Nicht bestanden

Aa #64639E auf #CCAFD5 2,79:1 Nicht bestanden

Aa #9D90C8 auf #DDD9FE 2,13:1 Nicht bestanden

Aa #0D0D0F auf #413F78 2,04:1 Nicht bestanden

Aa #9D90C8 auf #C0DBD4 1,97:1 Nicht bestanden

Aa #64639E auf #9D90C8 1,90:1 Nicht bestanden

Aa #413F78 auf #64639E 1,73:1 Nicht bestanden

Aa #1C2141 auf #413F78 1,64:1 Nicht bestanden

Aa #9D90C8 auf #CCAFD5 1,47:1 Nicht bestanden

Aa #CCAFD5 auf #DDD9FE 1,45:1 Nicht bestanden

Aa #CCAFD5 auf #C0DBD4 1,34:1 Nicht bestanden

Aa #0D0D0F auf #1C2141 1,24:1 Nicht bestanden

Aa #C0DBD4 auf #DDD9FE 1,08:1 Nicht bestanden

Grotesquely Cute