Startseite Farbpaletten Enchanted Purple

Enchanted Purple

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Enchanted Purple

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 12 Farben Kühl Gemischt Analog purple glow enchanted

Likes 226

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #16254A;
  --c-muted-2: #3A4278;
  --c-muted-3: #4D4E8F;
  --c-muted-4: #605A9E;
  --c-muted-5: #746FB3;
  --c-muted-6: #8071B5;
  --c-muted-7: #917AC2;
  --c-muted-8: #9877C5;
  --c-muted-9: #C594E6;
  --c-muted-10: #E1A8FA;
  --c-muted-11: #F5C1FF;
  --c-muted-12: #FCCFFF;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Pink Diamond (#FCCFFF) bis zum dunkelsten Ton Rurikon Blue (#16254A). Sie vereint Rurikon Blue, Little Blue Heron, Twilight, Purple Opulence, Clear Mauve, Dahlia Purple, Ube, Lilac Bush, Bright Lavender, Testosterose, Electric Lavender und Pink Diamond in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #16254A auf #FCCFFF mit 11,1:1.

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

Farben im Detail

Rurikon Blue #16254A

RGB: rgb(22, 37, 74)
HSL: hsl(223, 54%, 19%)
Luminanz: 0,020

Little Blue Heron #3A4278

RGB: rgb(58, 66, 120)
HSL: hsl(232, 35%, 35%)
Luminanz: 0,062

Twilight #4D4E8F

RGB: rgb(77, 78, 143)
HSL: hsl(239, 30%, 43%)
Luminanz: 0,090

Purple Opulence #605A9E

RGB: rgb(96, 90, 158)
HSL: hsl(245, 27%, 49%)
Luminanz: 0,123

Clear Mauve #746FB3

RGB: rgb(116, 111, 179)
HSL: hsl(244, 31%, 57%)
Luminanz: 0,183

Dahlia Purple #8071B5

RGB: rgb(128, 113, 181)
HSL: hsl(253, 31%, 58%)
Luminanz: 0,197

Ube #917AC2

RGB: rgb(145, 122, 194)
HSL: hsl(259, 37%, 62%)
Luminanz: 0,238

Lilac Bush #9877C5

RGB: rgb(152, 119, 197)
HSL: hsl(265, 40%, 62%)
Luminanz: 0,239

Bright Lavender #C594E6

RGB: rgb(197, 148, 230)
HSL: hsl(276, 62%, 74%)
Luminanz: 0,388

Testosterose #E1A8FA

RGB: rgb(225, 168, 250)
HSL: hsl(282, 89%, 82%)
Luminanz: 0,509

Electric Lavender #F5C1FF

RGB: rgb(245, 193, 255)
HSL: hsl(290, 100%, 88%)
Luminanz: 0,648

Pink Diamond #FCCFFF

RGB: rgb(252, 207, 255)
HSL: hsl(296, 100%, 91%)
Luminanz: 0,725

Kontrast & Barrierefreiheit

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

Aa #16254A auf #FCCFFF 11,10:1 AAA

Aa #16254A auf #F5C1FF 9,98:1 AAA

Aa #16254A auf #E1A8FA 8,00:1 AAA

Aa #3A4278 auf #FCCFFF 6,95:1 AA

Aa #16254A auf #C594E6 6,26:1 AA

Aa #3A4278 auf #F5C1FF 6,26:1 AA

Aa #4D4E8F auf #FCCFFF 5,53:1 AA

Aa #3A4278 auf #E1A8FA 5,01:1 AA

Aa #4D4E8F auf #F5C1FF 4,98:1 AA

Aa #605A9E auf #FCCFFF 4,49:1 AA (großer Text)

Aa #16254A auf #9877C5 4,14:1 AA (großer Text)

Aa #16254A auf #917AC2 4,13:1 AA (großer Text)

Aa #605A9E auf #F5C1FF 4,04:1 AA (großer Text)

Aa #4D4E8F auf #E1A8FA 3,99:1 AA (großer Text)

Aa #3A4278 auf #C594E6 3,92:1 AA (großer Text)

Aa #16254A auf #8071B5 3,54:1 AA (großer Text)

Aa #16254A auf #746FB3 3,34:1 AA (großer Text)

Aa #746FB3 auf #FCCFFF 3,32:1 AA (großer Text)

Aa #605A9E auf #E1A8FA 3,24:1 AA (großer Text)

Aa #8071B5 auf #FCCFFF 3,13:1 AA (großer Text)

Aa #4D4E8F auf #C594E6 3,12:1 AA (großer Text)

Aa #746FB3 auf #F5C1FF 2,99:1 Nicht bestanden

Aa #8071B5 auf #F5C1FF 2,82:1 Nicht bestanden

Aa #917AC2 auf #FCCFFF 2,69:1 Nicht bestanden

Aa #9877C5 auf #FCCFFF 2,68:1 Nicht bestanden

Aa #3A4278 auf #917AC2 2,59:1 Nicht bestanden

Aa #3A4278 auf #9877C5 2,59:1 Nicht bestanden

Aa #605A9E auf #C594E6 2,53:1 Nicht bestanden

Aa #16254A auf #605A9E 2,47:1 Nicht bestanden

Aa #917AC2 auf #F5C1FF 2,42:1 Nicht bestanden

Aa #9877C5 auf #F5C1FF 2,41:1 Nicht bestanden

Aa #746FB3 auf #E1A8FA 2,40:1 Nicht bestanden

Aa #8071B5 auf #E1A8FA 2,26:1 Nicht bestanden

Aa #3A4278 auf #8071B5 2,22:1 Nicht bestanden

Aa #3A4278 auf #746FB3 2,09:1 Nicht bestanden

Aa #4D4E8F auf #917AC2 2,06:1 Nicht bestanden

Aa #4D4E8F auf #9877C5 2,06:1 Nicht bestanden

Aa #16254A auf #4D4E8F 2,00:1 Nicht bestanden

Aa #917AC2 auf #E1A8FA 1,94:1 Nicht bestanden

Aa #9877C5 auf #E1A8FA 1,93:1 Nicht bestanden

Aa #746FB3 auf #C594E6 1,88:1 Nicht bestanden

Aa #4D4E8F auf #8071B5 1,77:1 Nicht bestanden

Aa #8071B5 auf #C594E6 1,77:1 Nicht bestanden

Aa #C594E6 auf #FCCFFF 1,77:1 Nicht bestanden

Aa #4D4E8F auf #746FB3 1,67:1 Nicht bestanden

Aa #605A9E auf #917AC2 1,67:1 Nicht bestanden

Aa #605A9E auf #9877C5 1,67:1 Nicht bestanden

Aa #16254A auf #3A4278 1,60:1 Nicht bestanden

Aa #C594E6 auf #F5C1FF 1,59:1 Nicht bestanden

Aa #3A4278 auf #605A9E 1,55:1 Nicht bestanden

Aa #917AC2 auf #C594E6 1,52:1 Nicht bestanden

Aa #9877C5 auf #C594E6 1,51:1 Nicht bestanden

Aa #605A9E auf #8071B5 1,43:1 Nicht bestanden

Aa #E1A8FA auf #FCCFFF 1,39:1 Nicht bestanden

Aa #605A9E auf #746FB3 1,35:1 Nicht bestanden

Aa #C594E6 auf #E1A8FA 1,28:1 Nicht bestanden

Aa #3A4278 auf #4D4E8F 1,26:1 Nicht bestanden

Aa #E1A8FA auf #F5C1FF 1,25:1 Nicht bestanden

Aa #746FB3 auf #917AC2 1,24:1 Nicht bestanden

Aa #746FB3 auf #9877C5 1,24:1 Nicht bestanden

Aa #4D4E8F auf #605A9E 1,23:1 Nicht bestanden

Aa #8071B5 auf #917AC2 1,17:1 Nicht bestanden

Aa #8071B5 auf #9877C5 1,17:1 Nicht bestanden

Aa #F5C1FF auf #FCCFFF 1,11:1 Nicht bestanden

Aa #746FB3 auf #8071B5 1,06:1 Nicht bestanden

Aa #917AC2 auf #9877C5 1,00:1 Nicht bestanden

Enchanted Purple