Startseite Farbpaletten From Blue To Green

From Blue To Green

Palette mit 10 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

From Blue To Green

Palette mit 10 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 10 Farben Kühl Dunkel Analog green gameboy blue oldschool

Likes 14

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #03012B;
  --c-muted-2: #0A164A;
  --c-muted-3: #163B74;
  --c-muted-4: #215C8C;
  --c-muted-5: #2398B8;
  --c-muted-6: #23907A;
  --c-muted-7: #1F7A5D;
  --c-muted-8: #19613B;
  --c-muted-9: #135324;
  --c-muted-10: #0E3511;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Butterfly Blue (#2398B8) bis zum dunkelsten Ton Midnight (#03012B). Sie vereint Midnight, Deadly Depths, Ashenvale Nights, Sapphire Lace, Butterfly Blue, Palm Springs Splash, Verdant Green, Fun Green, Białowieża Forest und Dark Serpent in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #03012B auf #2398B8 mit 6:1.

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

Farben im Detail

Midnight #03012B

RGB: rgb(3, 1, 43)
HSL: hsl(243, 95%, 9%)
Luminanz: 0,002

Deadly Depths #0A164A

RGB: rgb(10, 22, 74)
HSL: hsl(229, 76%, 16%)
Luminanz: 0,011

Ashenvale Nights #163B74

RGB: rgb(22, 59, 116)
HSL: hsl(216, 68%, 27%)
Luminanz: 0,046

Sapphire Lace #215C8C

RGB: rgb(33, 92, 140)
HSL: hsl(207, 62%, 34%)
Luminanz: 0,099

Butterfly Blue #2398B8

RGB: rgb(35, 152, 184)
HSL: hsl(193, 68%, 43%)
Luminanz: 0,263

Palm Springs Splash #23907A

RGB: rgb(35, 144, 122)
HSL: hsl(168, 61%, 35%)
Luminanz: 0,217

Verdant Green #1F7A5D

RGB: rgb(31, 122, 93)
HSL: hsl(161, 59%, 30%)
Luminanz: 0,150

Fun Green #19613B

RGB: rgb(25, 97, 59)
HSL: hsl(148, 59%, 24%)
Luminanz: 0,091

Białowieża Forest #135324

RGB: rgb(19, 83, 36)
HSL: hsl(136, 63%, 20%)
Luminanz: 0,065

Dark Serpent #0E3511

RGB: rgb(14, 53, 17)
HSL: hsl(125, 58%, 13%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #03012B auf #2398B8 6,00:1 AA

Aa #03012B auf #23907A 5,12:1 AA

Aa #0A164A auf #2398B8 5,10:1 AA

Aa #0A164A auf #23907A 4,36:1 AA (großer Text)

Aa #2398B8 auf #0E3511 4,07:1 AA (großer Text)

Aa #03012B auf #1F7A5D 3,83:1 AA (großer Text)

Aa #23907A auf #0E3511 3,48:1 AA (großer Text)

Aa #163B74 auf #2398B8 3,27:1 AA (großer Text)

Aa #0A164A auf #1F7A5D 3,26:1 AA (großer Text)

Aa #03012B auf #215C8C 2,85:1 Nicht bestanden

Aa #163B74 auf #23907A 2,79:1 Nicht bestanden

Aa #2398B8 auf #135324 2,73:1 Nicht bestanden

Aa #03012B auf #19613B 2,70:1 Nicht bestanden

Aa #1F7A5D auf #0E3511 2,60:1 Nicht bestanden

Aa #0A164A auf #215C8C 2,42:1 Nicht bestanden

Aa #23907A auf #135324 2,33:1 Nicht bestanden

Aa #0A164A auf #19613B 2,29:1 Nicht bestanden

Aa #2398B8 auf #19613B 2,22:1 Nicht bestanden

Aa #03012B auf #135324 2,20:1 Nicht bestanden

Aa #215C8C auf #2398B8 2,10:1 Nicht bestanden

Aa #163B74 auf #1F7A5D 2,09:1 Nicht bestanden

Aa #215C8C auf #0E3511 1,94:1 Nicht bestanden

Aa #23907A auf #19613B 1,90:1 Nicht bestanden

Aa #0A164A auf #135324 1,87:1 Nicht bestanden

Aa #03012B auf #163B74 1,83:1 Nicht bestanden

Aa #19613B auf #0E3511 1,83:1 Nicht bestanden

Aa #215C8C auf #23907A 1,80:1 Nicht bestanden

Aa #1F7A5D auf #135324 1,75:1 Nicht bestanden

Aa #0A164A auf #163B74 1,56:1 Nicht bestanden

Aa #163B74 auf #215C8C 1,56:1 Nicht bestanden

Aa #2398B8 auf #1F7A5D 1,56:1 Nicht bestanden

Aa #135324 auf #0E3511 1,49:1 Nicht bestanden

Aa #03012B auf #0E3511 1,47:1 Nicht bestanden

Aa #163B74 auf #19613B 1,47:1 Nicht bestanden

Aa #1F7A5D auf #19613B 1,42:1 Nicht bestanden

Aa #215C8C auf #1F7A5D 1,34:1 Nicht bestanden

Aa #23907A auf #1F7A5D 1,34:1 Nicht bestanden

Aa #215C8C auf #135324 1,30:1 Nicht bestanden

Aa #0A164A auf #0E3511 1,25:1 Nicht bestanden

Aa #163B74 auf #0E3511 1,24:1 Nicht bestanden

Aa #19613B auf #135324 1,23:1 Nicht bestanden

Aa #163B74 auf #135324 1,20:1 Nicht bestanden

Aa #03012B auf #0A164A 1,18:1 Nicht bestanden

Aa #2398B8 auf #23907A 1,17:1 Nicht bestanden

Aa #215C8C auf #19613B 1,06:1 Nicht bestanden

From Blue To Green