Palette „Reef Refractions“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Reef Refractions“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 1.608

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D4ED9D;
  --c-muted-2: #64A97B;
  --c-muted-3: #3A5465;
  --c-muted-4: #3D3931;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Reef Refractions (#D4ED9D) bis zum dunkelsten Ton Fired Earth (#3D3931). Sie vereint Reef Refractions, Green Tea Candy, Midnight Mosaic und Fired Earth 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 #D4ED9D auf #3D3931 mit 8,97:1.

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

Farben im Detail

Reef Refractions #D4ED9D

RGB: rgb(212, 237, 157)
HSL: hsl(79, 69%, 77%)
Luminanz: 0,770

Green Tea Candy #64A97B

RGB: rgb(100, 169, 123)
HSL: hsl(140, 29%, 53%)
Luminanz: 0,325

Midnight Mosaic #3A5465

RGB: rgb(58, 84, 101)
HSL: hsl(204, 27%, 31%)
Luminanz: 0,082

Fired Earth #3D3931

RGB: rgb(61, 57, 49)
HSL: hsl(40, 11%, 22%)
Luminanz: 0,041

Kontrast & Barrierefreiheit

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

Aa #D4ED9D auf #3D3931 8,97:1 AAA

Aa #D4ED9D auf #3A5465 6,22:1 AA

Aa #64A97B auf #3D3931 4,10:1 AA (großer Text)

Aa #64A97B auf #3A5465 2,85:1 Nicht bestanden

Aa #D4ED9D auf #64A97B 2,19:1 Nicht bestanden

Aa #3A5465 auf #3D3931 1,44:1 Nicht bestanden

Palette „Reef Refractions“ mit 4 Farben