CP_Rust 5

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

CP_Rust 5

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog artist monoramp red bluephoenix

Likes 26

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #230000;
  --c-vibrant-2: #712F30;
  --c-vibrant-3: #A54932;
  --c-vibrant-4: #E18866;
  --c-vibrant-5: #F0BB9C;
  --c-vibrant-6: #FFE2C6;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Wild Maple (#FFE2C6) bis zum dunkelsten Ton Ponzu Brown (#230000). Sie vereint Ponzu Brown, Auburn, Barbarossa, Midnight in Saigon, Tan Temptation und Wild Maple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #230000 auf #FFE2C6 mit 15,82:1.

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

Farben im Detail

Ponzu Brown #230000

RGB: rgb(35, 0, 0)
HSL: hsl(0, 100%, 7%)
Luminanz: 0,004

Auburn #712F30

RGB: rgb(113, 47, 48)
HSL: hsl(359, 41%, 31%)
Luminanz: 0,058

Barbarossa #A54932

RGB: rgb(165, 73, 50)
HSL: hsl(12, 53%, 42%)
Luminanz: 0,130

Midnight in Saigon #E18866

RGB: rgb(225, 136, 102)
HSL: hsl(17, 67%, 64%)
Luminanz: 0,346

Tan Temptation #F0BB9C

RGB: rgb(240, 187, 156)
HSL: hsl(22, 74%, 78%)
Luminanz: 0,565

Wild Maple #FFE2C6

RGB: rgb(255, 226, 198)
HSL: hsl(29, 100%, 89%)
Luminanz: 0,797

Kontrast & Barrierefreiheit

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

Aa #230000 auf #FFE2C6 15,82:1 AAA

Aa #230000 auf #F0BB9C 11,47:1 AAA

Aa #712F30 auf #FFE2C6 7,88:1 AAA

Aa #230000 auf #E18866 7,39:1 AAA

Aa #712F30 auf #F0BB9C 5,71:1 AA

Aa #A54932 auf #FFE2C6 4,71:1 AA

Aa #712F30 auf #E18866 3,68:1 AA (großer Text)

Aa #A54932 auf #F0BB9C 3,42:1 AA (großer Text)

Aa #230000 auf #A54932 3,36:1 AA (großer Text)

Aa #A54932 auf #E18866 2,20:1 Nicht bestanden

Aa #E18866 auf #FFE2C6 2,14:1 Nicht bestanden

Aa #230000 auf #712F30 2,01:1 Nicht bestanden

Aa #712F30 auf #A54932 1,67:1 Nicht bestanden

Aa #E18866 auf #F0BB9C 1,55:1 Nicht bestanden

Aa #F0BB9C auf #FFE2C6 1,38:1 Nicht bestanden

CP_Rust 5

CP_Rust 5

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen