Startseite Farbpaletten DR Neon Reflection

DR Neon Reflection

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

Zurück zur Bibliothek

DR Neon Reflection

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

Bearbeiten

Gedeckt 12 Farben Kühl Gemischt Komplementär blue bright videogame galaxy

Likes 58

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #B1E2E7;
  --c-muted-2: #5BE4B9;
  --c-muted-3: #10BDC6;
  --c-muted-4: #517CB8;
  --c-muted-5: #394072;
  --c-muted-6: #7441AE;
  --c-muted-7: #BB49D7;
  --c-muted-8: #F69DBD;
  --c-muted-9: #D8D272;
  --c-muted-10: #F3AD58;
  --c-muted-11: #E74A9D;
  --c-muted-12: #AF517A;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Across the Bay (#B1E2E7) bis zum dunkelsten Ton Lviv Blue (#394072). Sie vereint Across the Bay, Ocean in a Bowl, Cala Benirrás Blue, Diva Violet, Lviv Blue, Shiner, Ultraviolet Onsible, Amaranth Pink, Lime Tree, Pani Puri, Schiaparelli Pink und Diva Glam in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B1E2E7 auf #394072 mit 6,93:1.

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

Farben im Detail

Across the Bay #B1E2E7

RGB: rgb(177, 226, 231)
HSL: hsl(186, 53%, 80%)
Luminanz: 0,695

Ocean in a Bowl #5BE4B9

RGB: rgb(91, 228, 185)
HSL: hsl(161, 72%, 63%)
Luminanz: 0,612

Cala Benirrás Blue #10BDC6

RGB: rgb(16, 189, 198)
HSL: hsl(183, 85%, 42%)
Luminanz: 0,406

Diva Violet #517CB8

RGB: rgb(81, 124, 184)
HSL: hsl(215, 42%, 52%)
Luminanz: 0,196

Lviv Blue #394072

RGB: rgb(57, 64, 114)
HSL: hsl(233, 33%, 34%)
Luminanz: 0,058

Shiner #7441AE

RGB: rgb(116, 65, 174)
HSL: hsl(268, 46%, 47%)
Luminanz: 0,106

Ultraviolet Onsible #BB49D7

RGB: rgb(187, 73, 215)
HSL: hsl(288, 64%, 56%)
Luminanz: 0,202

Amaranth Pink #F69DBD

RGB: rgb(246, 157, 189)
HSL: hsl(338, 83%, 79%)
Luminanz: 0,474

Lime Tree #D8D272

RGB: rgb(216, 210, 114)
HSL: hsl(56, 57%, 65%)
Luminanz: 0,619

Pani Puri #F3AD58

RGB: rgb(243, 173, 88)
HSL: hsl(33, 87%, 65%)
Luminanz: 0,497

Schiaparelli Pink #E74A9D

RGB: rgb(231, 74, 157)
HSL: hsl(328, 77%, 60%)
Luminanz: 0,243

Diva Glam #AF517A

RGB: rgb(175, 81, 122)
HSL: hsl(334, 37%, 50%)
Luminanz: 0,164

Kontrast & Barrierefreiheit

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

Aa #B1E2E7 auf #394072 6,93:1 AA

Aa #394072 auf #D8D272 6,22:1 AA

Aa #5BE4B9 auf #394072 6,16:1 AA

Aa #394072 auf #F3AD58 5,08:1 AA

Aa #394072 auf #F69DBD 4,87:1 AA

Aa #B1E2E7 auf #7441AE 4,79:1 AA

Aa #7441AE auf #D8D272 4,30:1 AA (großer Text)

Aa #5BE4B9 auf #7441AE 4,26:1 AA (großer Text)

Aa #10BDC6 auf #394072 4,24:1 AA (großer Text)

Aa #7441AE auf #F3AD58 3,51:1 AA (großer Text)

Aa #B1E2E7 auf #AF517A 3,48:1 AA (großer Text)

Aa #7441AE auf #F69DBD 3,37:1 AA (großer Text)

Aa #D8D272 auf #AF517A 3,13:1 AA (großer Text)

Aa #5BE4B9 auf #AF517A 3,09:1 AA (großer Text)

Aa #B1E2E7 auf #517CB8 3,03:1 AA (großer Text)

Aa #B1E2E7 auf #BB49D7 2,95:1 Nicht bestanden

Aa #10BDC6 auf #7441AE 2,93:1 Nicht bestanden

Aa #394072 auf #E74A9D 2,73:1 Nicht bestanden

Aa #517CB8 auf #D8D272 2,72:1 Nicht bestanden

Aa #5BE4B9 auf #517CB8 2,69:1 Nicht bestanden

Aa #BB49D7 auf #D8D272 2,65:1 Nicht bestanden

Aa #5BE4B9 auf #BB49D7 2,62:1 Nicht bestanden

Aa #F3AD58 auf #AF517A 2,55:1 Nicht bestanden

Aa #B1E2E7 auf #E74A9D 2,54:1 Nicht bestanden

Aa #F69DBD auf #AF517A 2,45:1 Nicht bestanden

Aa #394072 auf #BB49D7 2,35:1 Nicht bestanden

Aa #517CB8 auf #394072 2,29:1 Nicht bestanden

Aa #D8D272 auf #E74A9D 2,28:1 Nicht bestanden

Aa #5BE4B9 auf #E74A9D 2,26:1 Nicht bestanden

Aa #517CB8 auf #F3AD58 2,22:1 Nicht bestanden

Aa #BB49D7 auf #F3AD58 2,17:1 Nicht bestanden

Aa #10BDC6 auf #AF517A 2,13:1 Nicht bestanden

Aa #517CB8 auf #F69DBD 2,13:1 Nicht bestanden

Aa #BB49D7 auf #F69DBD 2,08:1 Nicht bestanden

Aa #394072 auf #AF517A 1,99:1 Nicht bestanden

Aa #7441AE auf #E74A9D 1,89:1 Nicht bestanden

Aa #F3AD58 auf #E74A9D 1,86:1 Nicht bestanden

Aa #10BDC6 auf #517CB8 1,85:1 Nicht bestanden

Aa #10BDC6 auf #BB49D7 1,81:1 Nicht bestanden

Aa #F69DBD auf #E74A9D 1,79:1 Nicht bestanden

Aa #B1E2E7 auf #10BDC6 1,63:1 Nicht bestanden

Aa #7441AE auf #BB49D7 1,62:1 Nicht bestanden

Aa #517CB8 auf #7441AE 1,58:1 Nicht bestanden

Aa #10BDC6 auf #E74A9D 1,55:1 Nicht bestanden

Aa #10BDC6 auf #D8D272 1,47:1 Nicht bestanden

Aa #5BE4B9 auf #10BDC6 1,45:1 Nicht bestanden

Aa #394072 auf #7441AE 1,45:1 Nicht bestanden

Aa #B1E2E7 auf #F69DBD 1,42:1 Nicht bestanden

Aa #7441AE auf #AF517A 1,38:1 Nicht bestanden

Aa #E74A9D auf #AF517A 1,37:1 Nicht bestanden

Aa #B1E2E7 auf #F3AD58 1,36:1 Nicht bestanden

Aa #F69DBD auf #D8D272 1,28:1 Nicht bestanden

Aa #5BE4B9 auf #F69DBD 1,26:1 Nicht bestanden

Aa #D8D272 auf #F3AD58 1,22:1 Nicht bestanden

Aa #5BE4B9 auf #F3AD58 1,21:1 Nicht bestanden

Aa #10BDC6 auf #F3AD58 1,20:1 Nicht bestanden

Aa #517CB8 auf #E74A9D 1,19:1 Nicht bestanden

Aa #BB49D7 auf #AF517A 1,18:1 Nicht bestanden

Aa #BB49D7 auf #E74A9D 1,16:1 Nicht bestanden

Aa #10BDC6 auf #F69DBD 1,15:1 Nicht bestanden

Aa #517CB8 auf #AF517A 1,15:1 Nicht bestanden

Aa #B1E2E7 auf #5BE4B9 1,13:1 Nicht bestanden

Aa #B1E2E7 auf #D8D272 1,11:1 Nicht bestanden

Aa #F69DBD auf #F3AD58 1,04:1 Nicht bestanden

Aa #517CB8 auf #BB49D7 1,02:1 Nicht bestanden

Aa #5BE4B9 auf #D8D272 1,01:1 Nicht bestanden

DR Neon Reflection