Registrieren Registrieren
Storms And Cyan

Storms And Cyan

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

Zurück zur Bibliothek

Storms And Cyan

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

Bearbeiten
Gedeckt 8 Farben Kühl Dunkel Analog warm blue cyan cool
Likes 46
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #00000E;
  --c-muted-2: #001933;
  --c-muted-3: #003F51;
  --c-muted-4: #007F8E;
  --c-muted-5: #00AEB8;
  --c-muted-6: #00BEBC;
  --c-muted-7: #00CDC9;
  --c-muted-8: #00FDFF;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Fluorescent Turquoise (#00FDFF) bis zum dunkelsten Ton Benthic Black (#00000E). Sie vereint Benthic Black, Oxford by Night, Crab Nebula, Island Lush, Deep Turquoise, Cyan Sky, Tilla Kari Mosque und Fluorescent Turquoise in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #00000E auf #00FDFF mit 16,39:1.

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

Farben im Detail

Benthic Black #00000E
RGB
rgb(0, 0, 14)
HSL
hsl(240, 100%, 3%)
Luminanz
0,000
Oxford by Night #001933
RGB
rgb(0, 25, 51)
HSL
hsl(211, 100%, 10%)
Luminanz
0,009
Crab Nebula #003F51
RGB
rgb(0, 63, 81)
HSL
hsl(193, 100%, 16%)
Luminanz
0,042
Island Lush #007F8E
RGB
rgb(0, 127, 142)
HSL
hsl(186, 100%, 28%)
Luminanz
0,171
Deep Turquoise #00AEB8
RGB
rgb(0, 174, 184)
HSL
hsl(183, 100%, 36%)
Luminanz
0,337
Cyan Sky #00BEBC
RGB
rgb(0, 190, 188)
HSL
hsl(179, 100%, 37%)
Luminanz
0,405
Tilla Kari Mosque #00CDC9
RGB
rgb(0, 205, 201)
HSL
hsl(179, 100%, 40%)
Luminanz
0,479
Fluorescent Turquoise #00FDFF
RGB
rgb(0, 253, 255)
HSL
hsl(180, 100%, 50%)
Luminanz
0,775

Kontrast & Barrierefreiheit

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

Aa #00000E auf #00FDFF 16,39:1 AAA
Aa #001933 auf #00FDFF 13,90:1 AAA
Aa #00000E auf #00CDC9 10,51:1 AAA
Aa #00000E auf #00BEBC 9,03:1 AAA
Aa #003F51 auf #00FDFF 9,01:1 AAA
Aa #001933 auf #00CDC9 8,91:1 AAA
Aa #00000E auf #00AEB8 7,70:1 AAA
Aa #001933 auf #00BEBC 7,66:1 AAA
Aa #001933 auf #00AEB8 6,53:1 AA
Aa #003F51 auf #00CDC9 5,78:1 AA
Aa #003F51 auf #00BEBC 4,97:1 AA
Aa #00000E auf #007F8E 4,40:1 AA (großer Text)
Aa #003F51 auf #00AEB8 4,23:1 AA (großer Text)
Aa #001933 auf #007F8E 3,73:1 AA (großer Text)
Aa #007F8E auf #00FDFF 3,73:1 AA (großer Text)
Aa #003F51 auf #007F8E 2,42:1 Nicht bestanden
Aa #007F8E auf #00CDC9 2,39:1 Nicht bestanden
Aa #00AEB8 auf #00FDFF 2,13:1 Nicht bestanden
Aa #007F8E auf #00BEBC 2,05:1 Nicht bestanden
Aa #00000E auf #003F51 1,82:1 Nicht bestanden
Aa #00BEBC auf #00FDFF 1,81:1 Nicht bestanden
Aa #007F8E auf #00AEB8 1,75:1 Nicht bestanden
Aa #00CDC9 auf #00FDFF 1,56:1 Nicht bestanden
Aa #001933 auf #003F51 1,54:1 Nicht bestanden
Aa #00AEB8 auf #00CDC9 1,37:1 Nicht bestanden
Aa #00000E auf #001933 1,18:1 Nicht bestanden
Aa #00AEB8 auf #00BEBC 1,17:1 Nicht bestanden
Aa #00BEBC auf #00CDC9 1,16: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