Startseite Farbpaletten Palette „Turquoise Topaz“ mit 4 Farben

Palette „Turquoise Topaz“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Turquoise Topaz“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 3.591

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1B3C59;
  --c-muted-2: #456173;
  --c-muted-3: #11BFAE;
  --c-muted-4: #F2F2F0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Delicate White (#F2F2F0) bis zum dunkelsten Ton Capital Blue (#1B3C59). Sie vereint Capital Blue, Deepest Water, Turquoise Topaz und Delicate White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1B3C59 auf #F2F2F0 mit 10,2:1.

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

Farben im Detail

Capital Blue #1B3C59

RGB: rgb(27, 60, 89)
HSL: hsl(208, 53%, 23%)
Luminanz: 0,042

Deepest Water #456173

RGB: rgb(69, 97, 115)
HSL: hsl(203, 25%, 36%)
Luminanz: 0,111

Turquoise Topaz #11BFAE

RGB: rgb(17, 191, 174)
HSL: hsl(174, 84%, 41%)
Luminanz: 0,404

Delicate White #F2F2F0

RGB: rgb(242, 242, 240)
HSL: hsl(60, 7%, 95%)
Luminanz: 0,887

Kontrast & Barrierefreiheit

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

Aa #1B3C59 auf #F2F2F0 10,20:1 AAA

Aa #456173 auf #F2F2F0 5,84:1 AA

Aa #1B3C59 auf #11BFAE 4,95:1 AA

Aa #456173 auf #11BFAE 2,83:1 Nicht bestanden

Aa #11BFAE auf #F2F2F0 2,06:1 Nicht bestanden

Aa #1B3C59 auf #456173 1,75:1 Nicht bestanden

Palette „Turquoise Topaz“ mit 4 Farben