RoyalGuard

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

Zurück zur Bibliothek

RoyalGuard

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

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Komplementär red cyan 6colors fantasy

Likes 112

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #423030;
  --c-muted-2: #3B3F3F;
  --c-muted-3: #365252;
  --c-muted-4: #007281;
  --c-muted-5: #6F989B;
  --c-muted-6: #C0C5C9;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Bottlefly Wings (#C0C5C9) bis zum dunkelsten Ton Old Burgundy (#423030). Sie vereint Old Burgundy, Tamahagane, Blue Dianne, Deep Current, Teal & Tonic und Bottlefly Wings in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #423030 auf #C0C5C9 mit 7,11:1.

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

Farben im Detail

Old Burgundy #423030

RGB: rgb(66, 48, 48)
HSL: hsl(0, 16%, 22%)
Luminanz: 0,035

Tamahagane #3B3F3F

RGB: rgb(59, 63, 63)
HSL: hsl(180, 3%, 24%)
Luminanz: 0,048

Blue Dianne #365252

RGB: rgb(54, 82, 82)
HSL: hsl(180, 21%, 27%)
Luminanz: 0,074

Deep Current #007281

RGB: rgb(0, 114, 129)
HSL: hsl(187, 100%, 25%)
Luminanz: 0,136

Teal & Tonic #6F989B

RGB: rgb(111, 152, 155)
HSL: hsl(184, 18%, 52%)
Luminanz: 0,282

Bottlefly Wings #C0C5C9

RGB: rgb(192, 197, 201)
HSL: hsl(207, 8%, 77%)
Luminanz: 0,554

Kontrast & Barrierefreiheit

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

Aa #423030 auf #C0C5C9 7,11:1 AAA

Aa #3B3F3F auf #C0C5C9 6,13:1 AA

Aa #365252 auf #C0C5C9 4,86:1 AA

Aa #423030 auf #6F989B 3,91:1 AA (großer Text)

Aa #3B3F3F auf #6F989B 3,37:1 AA (großer Text)

Aa #007281 auf #C0C5C9 3,24:1 AA (großer Text)

Aa #365252 auf #6F989B 2,67:1 Nicht bestanden

Aa #423030 auf #007281 2,19:1 Nicht bestanden

Aa #3B3F3F auf #007281 1,89:1 Nicht bestanden

Aa #6F989B auf #C0C5C9 1,82:1 Nicht bestanden

Aa #007281 auf #6F989B 1,78:1 Nicht bestanden

Aa #365252 auf #007281 1,50:1 Nicht bestanden

Aa #423030 auf #365252 1,46:1 Nicht bestanden

Aa #3B3F3F auf #365252 1,26:1 Nicht bestanden

Aa #423030 auf #3B3F3F 1,16:1 Nicht bestanden

RoyalGuard

RoyalGuard

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen