Startseite Farbpaletten Palette „Caicos Turquoise“ mit 4 Farben

Palette „Caicos Turquoise“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Caicos Turquoise“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 2.026

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #22213D;
  --c-muted-2: #4E3188;
  --c-muted-3: #24BABC;
  --c-muted-4: #EAEF9B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Golden Fragrance (#EAEF9B) bis zum dunkelsten Ton Throat (#22213D). Sie vereint Throat, Sick Blue, Caicos Turquoise und Golden Fragrance 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 #22213D auf #EAEF9B mit 12,8:1.

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

Farben im Detail

Throat #22213D

RGB: rgb(34, 33, 61)
HSL: hsl(242, 30%, 18%)
Luminanz: 0,018

Sick Blue #4E3188

RGB: rgb(78, 49, 136)
HSL: hsl(260, 47%, 36%)
Luminanz: 0,056

Caicos Turquoise #24BABC

RGB: rgb(36, 186, 188)
HSL: hsl(181, 68%, 44%)
Luminanz: 0,391

Golden Fragrance #EAEF9B

RGB: rgb(234, 239, 155)
HSL: hsl(64, 72%, 77%)
Luminanz: 0,816

Kontrast & Barrierefreiheit

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

Aa #22213D auf #EAEF9B 12,80:1 AAA

Aa #4E3188 auf #EAEF9B 8,17:1 AAA

Aa #22213D auf #24BABC 6,52:1 AA

Aa #4E3188 auf #24BABC 4,17:1 AA (großer Text)

Aa #24BABC auf #EAEF9B 1,96:1 Nicht bestanden

Aa #22213D auf #4E3188 1,57:1 Nicht bestanden

Palette „Caicos Turquoise“ mit 4 Farben