Startseite Farbpaletten Palette „Exotic Sea“ mit 4 Farben

Palette „Exotic Sea“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Exotic Sea“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 7.069

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #00ABB3;
  --c-muted-2: #3C4048;
  --c-muted-3: #B2B2B2;
  --c-muted-4: #EAEAEA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Plaster (#EAEAEA) bis zum dunkelsten Ton Indian Ink (#3C4048). Sie vereint Exotic Sea, Indian Ink, Tangled Web und Plaster in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C4048 auf #EAEAEA mit 8,65:1.

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

Farben im Detail

Exotic Sea #00ABB3

RGB: rgb(0, 171, 179)
HSL: hsl(183, 100%, 35%)
Luminanz: 0,324

Indian Ink #3C4048

RGB: rgb(60, 64, 72)
HSL: hsl(220, 9%, 26%)
Luminanz: 0,051

Tangled Web #B2B2B2

RGB: rgb(178, 178, 178)
HSL: hsl(0, 0%, 70%)
Luminanz: 0,445

Plaster #EAEAEA

RGB: rgb(234, 234, 234)
HSL: hsl(0, 0%, 92%)
Luminanz: 0,823

Kontrast & Barrierefreiheit

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

Aa #3C4048 auf #EAEAEA 8,65:1 AAA

Aa #3C4048 auf #B2B2B2 4,91:1 AA

Aa #00ABB3 auf #3C4048 3,70:1 AA (großer Text)

Aa #00ABB3 auf #EAEAEA 2,33:1 Nicht bestanden

Aa #B2B2B2 auf #EAEAEA 1,76:1 Nicht bestanden

Aa #00ABB3 auf #B2B2B2 1,32:1 Nicht bestanden

Palette „Exotic Sea“ mit 4 Farben