Startseite Farbpaletten 3bit Catgirls: Nish Cyra

3bit Catgirls: Nish Cyra

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

Zurück zur Bibliothek

3bit Catgirls: Nish Cyra

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

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär 3bit windfallapples glacier midsaturation

Likes 35

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #B81939;
  --c-earthy-2: #C3AA69;
  --c-earthy-3: #E4E0AF;
  --c-earthy-4: #E1F6F7;
  --c-earthy-5: #B0D5E3;
  --c-earthy-6: #7A8BB3;
  --c-earthy-7: #5C5478;
  --c-earthy-8: #3D115F;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Coastal Breeze (#E1F6F7) bis zum dunkelsten Ton Wicked Purple (#3D115F). Sie vereint Vinho do Porto, Flickering Gold, Modern Zen, Coastal Breeze, Spotted Snake Eel, Ashton Skies, Taylor und Wicked Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E1F6F7 auf #3D115F mit 12,97:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Vinho do Porto #B81939

RGB: rgb(184, 25, 57)
HSL: hsl(348, 76%, 41%)
Luminanz: 0,112

Flickering Gold #C3AA69

RGB: rgb(195, 170, 105)
HSL: hsl(43, 43%, 59%)
Luminanz: 0,414

Modern Zen #E4E0AF

RGB: rgb(228, 224, 175)
HSL: hsl(55, 50%, 79%)
Luminanz: 0,729

Coastal Breeze #E1F6F7

RGB: rgb(225, 246, 247)
HSL: hsl(183, 58%, 93%)
Luminanz: 0,886

Spotted Snake Eel #B0D5E3

RGB: rgb(176, 213, 227)
HSL: hsl(196, 48%, 79%)
Luminanz: 0,624

Ashton Skies #7A8BB3

RGB: rgb(122, 139, 179)
HSL: hsl(222, 27%, 59%)
Luminanz: 0,259

Taylor #5C5478

RGB: rgb(92, 84, 120)
HSL: hsl(253, 18%, 40%)
Luminanz: 0,100

Wicked Purple #3D115F

RGB: rgb(61, 17, 95)
HSL: hsl(274, 70%, 22%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #E1F6F7 auf #3D115F 12,97:1 AAA

Aa #E4E0AF auf #3D115F 10,79:1 AAA

Aa #B0D5E3 auf #3D115F 9,33:1 AAA

Aa #C3AA69 auf #3D115F 6,42:1 AA

Aa #E1F6F7 auf #5C5478 6,25:1 AA

Aa #B81939 auf #E1F6F7 5,79:1 AA

Aa #E4E0AF auf #5C5478 5,20:1 AA

Aa #B81939 auf #E4E0AF 4,81:1 AA

Aa #B0D5E3 auf #5C5478 4,50:1 AA

Aa #7A8BB3 auf #3D115F 4,27:1 AA (großer Text)

Aa #B81939 auf #B0D5E3 4,16:1 AA (großer Text)

Aa #C3AA69 auf #5C5478 3,10:1 AA (großer Text)

Aa #E1F6F7 auf #7A8BB3 3,03:1 AA (großer Text)

Aa #B81939 auf #C3AA69 2,87:1 Nicht bestanden

Aa #E4E0AF auf #7A8BB3 2,52:1 Nicht bestanden

Aa #B81939 auf #3D115F 2,24:1 Nicht bestanden

Aa #B0D5E3 auf #7A8BB3 2,18:1 Nicht bestanden

Aa #5C5478 auf #3D115F 2,07:1 Nicht bestanden

Aa #7A8BB3 auf #5C5478 2,06:1 Nicht bestanden

Aa #C3AA69 auf #E1F6F7 2,02:1 Nicht bestanden

Aa #B81939 auf #7A8BB3 1,91:1 Nicht bestanden

Aa #C3AA69 auf #E4E0AF 1,68:1 Nicht bestanden

Aa #C3AA69 auf #7A8BB3 1,50:1 Nicht bestanden

Aa #C3AA69 auf #B0D5E3 1,45:1 Nicht bestanden

Aa #E1F6F7 auf #B0D5E3 1,39:1 Nicht bestanden

Aa #E4E0AF auf #E1F6F7 1,20:1 Nicht bestanden

Aa #E4E0AF auf #B0D5E3 1,16:1 Nicht bestanden

Aa #B81939 auf #5C5478 1,08:1 Nicht bestanden

3bit Catgirls: Nish Cyra