Startseite Farbpaletten GirlsBestFriend12

GirlsBestFriend12

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

GirlsBestFriend12

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 12 Farben Warm Gemischt Monochrom warm blue pastel cool

Likes 46

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #350D02;
  --c-vibrant-2: #6B2B1B;
  --c-vibrant-3: #8C4732;
  --c-vibrant-4: #AD634A;
  --c-vibrant-5: #FFB6AB;
  --c-vibrant-6: #D97F70;
  --c-vibrant-7: #C35838;
  --c-vibrant-8: #AD3100;
  --c-vibrant-9: #D6FAFF;
  --c-vibrant-10: #8CDEFA;
  --c-vibrant-11: #74B2DB;
  --c-vibrant-12: #537FDB;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Salt Mountain (#D6FAFF) bis zum dunkelsten Ton Chocolate Melange (#350D02). Sie vereint Chocolate Melange, Hereford Cow Brown, Sedona Stone, Red Cent, Washed-Out Crimson, Golgfag Brown, Tartare, Burnt Sienna, Salt Mountain, Tranquil Pool, Tribute und Blue Jay in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #350D02 auf #D6FAFF mit 15,69:1.

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

Farben im Detail

Chocolate Melange #350D02

RGB: rgb(53, 13, 2)
HSL: hsl(13, 93%, 11%)
Luminanz: 0,011

Hereford Cow Brown #6B2B1B

RGB: rgb(107, 43, 27)
HSL: hsl(12, 60%, 26%)
Luminanz: 0,049

Sedona Stone #8C4732

RGB: rgb(140, 71, 50)
HSL: hsl(14, 47%, 37%)
Luminanz: 0,103

Red Cent #AD634A

RGB: rgb(173, 99, 74)
HSL: hsl(15, 40%, 48%)
Luminanz: 0,183

Washed-Out Crimson #FFB6AB

RGB: rgb(255, 182, 171)
HSL: hsl(8, 100%, 84%)
Luminanz: 0,577

Golgfag Brown #D97F70

RGB: rgb(217, 127, 112)
HSL: hsl(9, 58%, 65%)
Luminanz: 0,311

Tartare #C35838

RGB: rgb(195, 88, 56)
HSL: hsl(14, 55%, 49%)
Luminanz: 0,189

Burnt Sienna #AD3100

RGB: rgb(173, 49, 0)
HSL: hsl(17, 100%, 34%)
Luminanz: 0,111

Salt Mountain #D6FAFF

RGB: rgb(214, 250, 255)
HSL: hsl(187, 100%, 92%)
Luminanz: 0,899

Tranquil Pool #8CDEFA

RGB: rgb(140, 222, 250)
HSL: hsl(195, 92%, 76%)
Luminanz: 0,647

Tribute #74B2DB

RGB: rgb(116, 178, 219)
HSL: hsl(204, 59%, 66%)
Luminanz: 0,407

Blue Jay #537FDB

RGB: rgb(83, 127, 219)
HSL: hsl(221, 65%, 59%)
Luminanz: 0,221

Kontrast & Barrierefreiheit

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

Aa #350D02 auf #D6FAFF 15,69:1 AAA

Aa #350D02 auf #8CDEFA 11,53:1 AAA

Aa #350D02 auf #FFB6AB 10,36:1 AAA

Aa #6B2B1B auf #D6FAFF 9,55:1 AAA

Aa #350D02 auf #74B2DB 7,55:1 AAA

Aa #6B2B1B auf #8CDEFA 7,02:1 AAA

Aa #6B2B1B auf #FFB6AB 6,31:1 AA

Aa #8C4732 auf #D6FAFF 6,20:1 AA

Aa #350D02 auf #D97F70 5,97:1 AA

Aa #AD3100 auf #D6FAFF 5,90:1 AA

Aa #6B2B1B auf #74B2DB 4,60:1 AA

Aa #8C4732 auf #8CDEFA 4,55:1 AA

Aa #350D02 auf #537FDB 4,49:1 AA (großer Text)

Aa #AD3100 auf #8CDEFA 4,34:1 AA (großer Text)

Aa #8C4732 auf #FFB6AB 4,09:1 AA (großer Text)

Aa #AD634A auf #D6FAFF 4,07:1 AA (großer Text)

Aa #C35838 auf #D6FAFF 3,98:1 AA (großer Text)

Aa #350D02 auf #C35838 3,95:1 AA (großer Text)

Aa #FFB6AB auf #AD3100 3,90:1 AA (großer Text)

Aa #350D02 auf #AD634A 3,85:1 AA (großer Text)

Aa #6B2B1B auf #D97F70 3,63:1 AA (großer Text)

Aa #D6FAFF auf #537FDB 3,50:1 AA (großer Text)

Aa #AD634A auf #8CDEFA 2,99:1 Nicht bestanden

Aa #8C4732 auf #74B2DB 2,98:1 Nicht bestanden

Aa #C35838 auf #8CDEFA 2,92:1 Nicht bestanden

Aa #AD3100 auf #74B2DB 2,84:1 Nicht bestanden

Aa #6B2B1B auf #537FDB 2,73:1 Nicht bestanden

Aa #AD634A auf #FFB6AB 2,69:1 Nicht bestanden

Aa #350D02 auf #AD3100 2,66:1 Nicht bestanden

Aa #FFB6AB auf #C35838 2,63:1 Nicht bestanden

Aa #D97F70 auf #D6FAFF 2,63:1 Nicht bestanden

Aa #8CDEFA auf #537FDB 2,57:1 Nicht bestanden

Aa #350D02 auf #8C4732 2,53:1 Nicht bestanden

Aa #6B2B1B auf #C35838 2,40:1 Nicht bestanden

Aa #8C4732 auf #D97F70 2,36:1 Nicht bestanden

Aa #6B2B1B auf #AD634A 2,35:1 Nicht bestanden

Aa #FFB6AB auf #537FDB 2,31:1 Nicht bestanden

Aa #D97F70 auf #AD3100 2,24:1 Nicht bestanden

Aa #D6FAFF auf #74B2DB 2,08:1 Nicht bestanden

Aa #AD634A auf #74B2DB 1,96:1 Nicht bestanden

Aa #D97F70 auf #8CDEFA 1,93:1 Nicht bestanden

Aa #C35838 auf #74B2DB 1,91:1 Nicht bestanden

Aa #8C4732 auf #537FDB 1,77:1 Nicht bestanden

Aa #FFB6AB auf #D97F70 1,74:1 Nicht bestanden

Aa #AD3100 auf #537FDB 1,69:1 Nicht bestanden

Aa #74B2DB auf #537FDB 1,68:1 Nicht bestanden

Aa #350D02 auf #6B2B1B 1,64:1 Nicht bestanden

Aa #6B2B1B auf #AD3100 1,62:1 Nicht bestanden

Aa #8C4732 auf #C35838 1,56:1 Nicht bestanden

Aa #AD634A auf #D97F70 1,55:1 Nicht bestanden

Aa #6B2B1B auf #8C4732 1,54:1 Nicht bestanden

Aa #8CDEFA auf #74B2DB 1,53:1 Nicht bestanden

Aa #8C4732 auf #AD634A 1,52:1 Nicht bestanden

Aa #FFB6AB auf #D6FAFF 1,51:1 Nicht bestanden

Aa #D97F70 auf #C35838 1,51:1 Nicht bestanden

Aa #C35838 auf #AD3100 1,48:1 Nicht bestanden

Aa #AD634A auf #AD3100 1,45:1 Nicht bestanden

Aa #FFB6AB auf #74B2DB 1,37:1 Nicht bestanden

Aa #D6FAFF auf #8CDEFA 1,36:1 Nicht bestanden

Aa #D97F70 auf #537FDB 1,33:1 Nicht bestanden

Aa #D97F70 auf #74B2DB 1,27:1 Nicht bestanden

Aa #AD634A auf #537FDB 1,16:1 Nicht bestanden

Aa #C35838 auf #537FDB 1,14:1 Nicht bestanden

Aa #FFB6AB auf #8CDEFA 1,11:1 Nicht bestanden

Aa #8C4732 auf #AD3100 1,05:1 Nicht bestanden

Aa #AD634A auf #C35838 1,02:1 Nicht bestanden

GirlsBestFriend12