Palette „Cōng Lǜ Green“ mit 4 Farben

Palette „Cōng Lǜ Green“ mit 4 Farben

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

Palette „Cōng Lǜ Green“ mit 4 Farben

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

Bearbeiten
Lebendig 4 Farben Kühl Dunkel Analog
Likes 8.811
Farben 4


CSS-Variablen

:root {
  --c-vibrant-1: #13005A;
  --c-vibrant-2: #00337C;
  --c-vibrant-3: #1C82AD;
  --c-vibrant-4: #03C988;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cōng Lǜ Green (#03C988) bis zum dunkelsten Ton Scoop of Dark Matter (#13005A). Sie vereint Scoop of Dark Matter, Cobalt Blue Tarantula, Blue Vacation und Cōng Lǜ Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #13005A auf #03C988 mit 8,26:1.

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


Farben im Detail

Scoop of Dark Matter #13005A
RGB
rgb(19, 0, 90)
HSL
hsl(253, 100%, 18%)
Luminanz
0,009
Cobalt Blue Tarantula #00337C
RGB
rgb(0, 51, 124)
HSL
hsl(215, 100%, 24%)
Luminanz
0,038
Blue Vacation #1C82AD
RGB
rgb(28, 130, 173)
HSL
hsl(198, 72%, 39%)
Luminanz
0,192
Cōng Lǜ Green #03C988
RGB
rgb(3, 201, 136)
HSL
hsl(160, 97%, 40%)
Luminanz
0,436

Kontrast & Barrierefreiheit

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

Aa #13005A auf #03C988 8,26:1 AAA
Aa #00337C auf #03C988 5,51:1 AA
Aa #13005A auf #1C82AD 4,12:1 AA (großer Text)
Aa #00337C auf #1C82AD 2,75:1 Nicht bestanden
Aa #1C82AD auf #03C988 2,00:1 Nicht bestanden
Aa #13005A auf #00337C 1,50:1 Nicht bestanden

Ähnliche Paletten

#212121 #323232 #0D7377 #14FFEC
4 Farben
#0A2647 #144272 #205295 #2C74B3
4 Farben
#040D12 #183D3D #5C8374 #93B1A6
4 Farben
#142850 #27496D #0C7B93 #00A8CC
4 Farben
#635985 #443C68 #393053 #18122B
4 Farben
#000000 #150050 #3F0071 #610094
4 Farben
#151515 #301B3F #3C415C #B4A5A5
4 Farben
#041C32 #04293A #064663 #ECB365
4 Farben