Cyclope6

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

Zurück zur Bibliothek

Cyclope6

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

Bearbeiten

Lebendig 6 Farben Kühl Dunkel Komplementär red blue tritanopia complementary

Likes 742

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #411D31;
  --c-vibrant-2: #631B34;
  --c-vibrant-3: #32535F;
  --c-vibrant-4: #0B8A8F;
  --c-vibrant-5: #0EAF9B;
  --c-vibrant-6: #30E1B9;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Aquamarine (#30E1B9) bis zum dunkelsten Ton Blackberry (#411D31). Sie vereint Blackberry, Brown Chocolate, Cold Sea Currents, Duvall, Cozumel und Aquamarine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #411D31 auf #30E1B9 mit 8,72:1.

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

Farben im Detail

Blackberry #411D31

RGB: rgb(65, 29, 49)
HSL: hsl(327, 38%, 18%)
Luminanz: 0,022

Brown Chocolate #631B34

RGB: rgb(99, 27, 52)
HSL: hsl(339, 57%, 25%)
Luminanz: 0,037

Cold Sea Currents #32535F

RGB: rgb(50, 83, 95)
HSL: hsl(196, 31%, 28%)
Luminanz: 0,077

Duvall #0B8A8F

RGB: rgb(11, 138, 143)
HSL: hsl(182, 86%, 30%)
Luminanz: 0,202

Cozumel #0EAF9B

RGB: rgb(14, 175, 155)
HSL: hsl(173, 85%, 37%)
Luminanz: 0,331

Aquamarine #30E1B9

RGB: rgb(48, 225, 185)
HSL: hsl(166, 75%, 54%)
Luminanz: 0,580

Kontrast & Barrierefreiheit

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

Aa #411D31 auf #30E1B9 8,72:1 AAA

Aa #631B34 auf #30E1B9 7,25:1 AAA

Aa #411D31 auf #0EAF9B 5,28:1 AA

Aa #32535F auf #30E1B9 4,96:1 AA

Aa #631B34 auf #0EAF9B 4,39:1 AA (großer Text)

Aa #411D31 auf #0B8A8F 3,49:1 AA (großer Text)

Aa #32535F auf #0EAF9B 3,00:1 AA (großer Text)

Aa #631B34 auf #0B8A8F 2,91:1 Nicht bestanden

Aa #0B8A8F auf #30E1B9 2,50:1 Nicht bestanden

Aa #32535F auf #0B8A8F 1,99:1 Nicht bestanden

Aa #411D31 auf #32535F 1,76:1 Nicht bestanden

Aa #0EAF9B auf #30E1B9 1,65:1 Nicht bestanden

Aa #0B8A8F auf #0EAF9B 1,51:1 Nicht bestanden

Aa #631B34 auf #32535F 1,46:1 Nicht bestanden

Aa #411D31 auf #631B34 1,20:1 Nicht bestanden

Cyclope6

Cyclope6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen