Startseite Farbpaletten Wizards Breath 34

Wizards Breath 34

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

Zurück zur Bibliothek

Wizards Breath 34

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

Bearbeiten

Gedeckt 11 Farben Kühl Gemischt Triadisch

Likes 6

Farben 11

CSS-Variablen

:root {
  --c-muted-1: #354F5A;
  --c-muted-2: #54929E;
  --c-muted-3: #5BC5A6;
  --c-muted-4: #B1FFAD;
  --c-muted-5: #DBFFC4;
  --c-muted-6: #121212;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #9EF53B;
  --c-muted-9: #63C930;
  --c-muted-10: #7C4D3B;
  --c-muted-11: #552D2D;
}

Über diese Palette

Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dark Tone Ink (#121212). Sie vereint Aircraft Blue, Sail Cover, Mermaid’s Kiss, Creamy Mint, Herbal Vapours, Dark Tone Ink, White, Kiwi Pulp, Green High, Cheeky Chestnut und Bratwurst in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 21 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #121212 auf #FFFFFF mit 18,73:1.

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

Farben im Detail

Aircraft Blue #354F5A

RGB: rgb(53, 79, 90)
HSL: hsl(198, 26%, 28%)
Luminanz: 0,071

Sail Cover #54929E

RGB: rgb(84, 146, 158)
HSL: hsl(190, 31%, 47%)
Luminanz: 0,249

Mermaid’s Kiss #5BC5A6

RGB: rgb(91, 197, 166)
HSL: hsl(162, 48%, 56%)
Luminanz: 0,449

Creamy Mint #B1FFAD

RGB: rgb(177, 255, 173)
HSL: hsl(117, 100%, 84%)
Luminanz: 0,839

Herbal Vapours #DBFFC4

RGB: rgb(219, 255, 196)
HSL: hsl(97, 100%, 88%)
Luminanz: 0,906

Dark Tone Ink #121212

RGB: rgb(18, 18, 18)
HSL: hsl(0, 0%, 7%)
Luminanz: 0,006

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kiwi Pulp #9EF53B

RGB: rgb(158, 245, 59)
HSL: hsl(88, 90%, 60%)
Luminanz: 0,729

Green High #63C930

RGB: rgb(99, 201, 48)
HSL: hsl(100, 61%, 49%)
Luminanz: 0,446

Cheeky Chestnut #7C4D3B

RGB: rgb(124, 77, 59)
HSL: hsl(17, 36%, 36%)
Luminanz: 0,099

Bratwurst #552D2D

RGB: rgb(85, 45, 45)
HSL: hsl(0, 31%, 25%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #121212 auf #FFFFFF 18,73:1 AAA

Aa #DBFFC4 auf #121212 17,05:1 AAA

Aa #B1FFAD auf #121212 15,86:1 AAA

Aa #121212 auf #9EF53B 13,90:1 AAA

Aa #FFFFFF auf #552D2D 11,67:1 AAA

Aa #DBFFC4 auf #552D2D 10,62:1 AAA

Aa #B1FFAD auf #552D2D 9,88:1 AAA

Aa #5BC5A6 auf #121212 8,90:1 AAA

Aa #121212 auf #63C930 8,86:1 AAA

Aa #354F5A auf #FFFFFF 8,69:1 AAA

Aa #9EF53B auf #552D2D 8,66:1 AAA

Aa #354F5A auf #DBFFC4 7,91:1 AAA

Aa #354F5A auf #B1FFAD 7,35:1 AAA

Aa #FFFFFF auf #7C4D3B 7,04:1 AAA

Aa #354F5A auf #9EF53B 6,44:1 AA

Aa #DBFFC4 auf #7C4D3B 6,41:1 AA

Aa #B1FFAD auf #7C4D3B 5,96:1 AA

Aa #5BC5A6 auf #552D2D 5,55:1 AA

Aa #63C930 auf #552D2D 5,52:1 AA

Aa #54929E auf #121212 5,34:1 AA

Aa #9EF53B auf #7C4D3B 5,22:1 AA

Aa #354F5A auf #5BC5A6 4,13:1 AA (großer Text)

Aa #354F5A auf #63C930 4,11:1 AA (großer Text)

Aa #54929E auf #FFFFFF 3,51:1 AA (großer Text)

Aa #5BC5A6 auf #7C4D3B 3,35:1 AA (großer Text)

Aa #63C930 auf #7C4D3B 3,33:1 AA (großer Text)

Aa #54929E auf #552D2D 3,32:1 AA (großer Text)

Aa #54929E auf #DBFFC4 3,19:1 AA (großer Text)

Aa #54929E auf #B1FFAD 2,97:1 Nicht bestanden

Aa #121212 auf #7C4D3B 2,66:1 Nicht bestanden

Aa #54929E auf #9EF53B 2,60:1 Nicht bestanden

Aa #354F5A auf #54929E 2,47:1 Nicht bestanden

Aa #354F5A auf #121212 2,16:1 Nicht bestanden

Aa #FFFFFF auf #63C930 2,12:1 Nicht bestanden

Aa #5BC5A6 auf #FFFFFF 2,10:1 Nicht bestanden

Aa #54929E auf #7C4D3B 2,01:1 Nicht bestanden

Aa #DBFFC4 auf #63C930 1,93:1 Nicht bestanden

Aa #5BC5A6 auf #DBFFC4 1,91:1 Nicht bestanden

Aa #B1FFAD auf #63C930 1,79:1 Nicht bestanden

Aa #5BC5A6 auf #B1FFAD 1,78:1 Nicht bestanden

Aa #54929E auf #5BC5A6 1,67:1 Nicht bestanden

Aa #54929E auf #63C930 1,66:1 Nicht bestanden

Aa #7C4D3B auf #552D2D 1,66:1 Nicht bestanden

Aa #121212 auf #552D2D 1,61:1 Nicht bestanden

Aa #9EF53B auf #63C930 1,57:1 Nicht bestanden

Aa #5BC5A6 auf #9EF53B 1,56:1 Nicht bestanden

Aa #FFFFFF auf #9EF53B 1,35:1 Nicht bestanden

Aa #354F5A auf #552D2D 1,34:1 Nicht bestanden

Aa #354F5A auf #7C4D3B 1,23:1 Nicht bestanden

Aa #DBFFC4 auf #9EF53B 1,23:1 Nicht bestanden

Aa #B1FFAD auf #FFFFFF 1,18:1 Nicht bestanden

Aa #B1FFAD auf #9EF53B 1,14:1 Nicht bestanden

Aa #DBFFC4 auf #FFFFFF 1,10:1 Nicht bestanden

Aa #B1FFAD auf #DBFFC4 1,08:1 Nicht bestanden

Aa #5BC5A6 auf #63C930 1,01:1 Nicht bestanden

Wizards Breath 34