Registrieren Registrieren
Pastel Ranibow 9

Pastel Ranibow 9

Palette mit 9 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Pastel Ranibow 9

Palette mit 9 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten
Erdig 9 Farben Neutral Hell Komplementär green orange red blue
Likes 65
Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #EBA6A9;
  --c-earthy-2: #EFCAB2;
  --c-earthy-3: #F4F0BB;
  --c-earthy-4: #BDD3C9;
  --c-earthy-5: #98C1D9;
  --c-earthy-6: #5A80A6;
  --c-earthy-7: #3A5683;
  --c-earthy-8: #856D88;
  --c-earthy-9: #9EA2AB;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Sarawak White Pepper (#F4F0BB) bis zum dunkelsten Ton Deep Azure (#3A5683). Sie vereint Hibiscus Petal, Cashew Nut, Sarawak White Pepper, Quaver, January Frost, Sapphired, Deep Azure, Purple Grey und Rough Stone in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F4F0BB auf #3A5683 mit 6,35: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

Hibiscus Petal #EBA6A9
RGB
rgb(235, 166, 169)
HSL
hsl(357, 63%, 79%)
Luminanz
0,478
Cashew Nut #EFCAB2
RGB
rgb(239, 202, 178)
HSL
hsl(24, 66%, 82%)
Luminanz
0,638
Sarawak White Pepper #F4F0BB
RGB
rgb(244, 240, 187)
HSL
hsl(56, 72%, 85%)
Luminanz
0,851
Quaver #BDD3C9
RGB
rgb(189, 211, 201)
HSL
hsl(153, 20%, 78%)
Luminanz
0,616
January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Luminanz
0,498
Sapphired #5A80A6
RGB
rgb(90, 128, 166)
HSL
hsl(210, 30%, 50%)
Luminanz
0,204
Deep Azure #3A5683
RGB
rgb(58, 86, 131)
HSL
hsl(217, 39%, 37%)
Luminanz
0,092
Purple Grey #856D88
RGB
rgb(133, 109, 136)
HSL
hsl(293, 11%, 48%)
Luminanz
0,177
Rough Stone #9EA2AB
RGB
rgb(158, 162, 171)
HSL
hsl(222, 7%, 65%)
Luminanz
0,361

Kontrast & Barrierefreiheit

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

Aa #F4F0BB auf #3A5683 6,35:1 AA
Aa #EFCAB2 auf #3A5683 4,85:1 AA
Aa #BDD3C9 auf #3A5683 4,69:1 AA
Aa #F4F0BB auf #856D88 3,97:1 AA (großer Text)
Aa #98C1D9 auf #3A5683 3,86:1 AA (großer Text)
Aa #EBA6A9 auf #3A5683 3,72:1 AA (großer Text)
Aa #F4F0BB auf #5A80A6 3,55:1 AA (großer Text)
Aa #EFCAB2 auf #856D88 3,03:1 AA (großer Text)
Aa #BDD3C9 auf #856D88 2,93:1 Nicht bestanden
Aa #3A5683 auf #9EA2AB 2,89:1 Nicht bestanden
Aa #EFCAB2 auf #5A80A6 2,71:1 Nicht bestanden
Aa #BDD3C9 auf #5A80A6 2,63:1 Nicht bestanden
Aa #98C1D9 auf #856D88 2,42:1 Nicht bestanden
Aa #EBA6A9 auf #856D88 2,33:1 Nicht bestanden
Aa #F4F0BB auf #9EA2AB 2,20:1 Nicht bestanden
Aa #98C1D9 auf #5A80A6 2,16:1 Nicht bestanden
Aa #EBA6A9 auf #5A80A6 2,08:1 Nicht bestanden
Aa #856D88 auf #9EA2AB 1,81:1 Nicht bestanden
Aa #5A80A6 auf #3A5683 1,79:1 Nicht bestanden
Aa #EBA6A9 auf #F4F0BB 1,71:1 Nicht bestanden
Aa #EFCAB2 auf #9EA2AB 1,68:1 Nicht bestanden
Aa #F4F0BB auf #98C1D9 1,64:1 Nicht bestanden
Aa #BDD3C9 auf #9EA2AB 1,62:1 Nicht bestanden
Aa #5A80A6 auf #9EA2AB 1,62:1 Nicht bestanden
Aa #3A5683 auf #856D88 1,60:1 Nicht bestanden
Aa #F4F0BB auf #BDD3C9 1,35:1 Nicht bestanden
Aa #98C1D9 auf #9EA2AB 1,34:1 Nicht bestanden
Aa #EFCAB2 auf #F4F0BB 1,31:1 Nicht bestanden
Aa #EBA6A9 auf #EFCAB2 1,30:1 Nicht bestanden
Aa #EBA6A9 auf #9EA2AB 1,29:1 Nicht bestanden
Aa #EBA6A9 auf #BDD3C9 1,26:1 Nicht bestanden
Aa #EFCAB2 auf #98C1D9 1,26:1 Nicht bestanden
Aa #BDD3C9 auf #98C1D9 1,22:1 Nicht bestanden
Aa #5A80A6 auf #856D88 1,12:1 Nicht bestanden
Aa #EBA6A9 auf #98C1D9 1,04:1 Nicht bestanden
Aa #EFCAB2 auf #BDD3C9 1,03:1 Nicht bestanden

Ähnliche Paletten

#FFB6B9 #FAE3D9 #BBDED6 #61C0BF
4 Farben
#FCD1D1 #ECE2E1 #D3E0DC #AEE1E1
4 Farben
#FFE6E6 #F2D1D1 #DAEAF1 #C6DCE4
4 Farben
#F5EFE6 #E8DFCA #AEBDCA #7895B2
4 Farben
#96B6C5 #ADC4CE #EEE0C9 #F1F0E8
4 Farben
#FEFFDE #DDFFBC #91C788 #52734D
4 Farben
#A0C49D #C4D7B2 #E1ECC8 #F7FFE5
4 Farben
#618264 #79AC78 #B0D9B1 #D0E7D2
4 Farben