Naval Night
#021B35
Likes
20
Farben
5
CSS-Variablen
:root {
--c-muted-1: #021B35;
--c-muted-2: #0C345D;
--c-muted-3: #18528F;
--c-muted-4: #193F3A;
--c-muted-5: #296860;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Galapagos Green (#296860) bis zum dunkelsten Ton Naval Night (#021B35). Sie vereint Naval Night, Ambassador Blue, Nautical Blue, Black Soap und Galapagos Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ambassador Blue
#0C345D
Nautical Blue
#18528F
Black Soap
#193F3A
Galapagos Green
#296860
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#021B35 auf #296860
2,68:1
Nicht bestanden
Aa
#021B35 auf #18528F
2,18:1
Nicht bestanden
Aa
#0C345D auf #296860
1,95:1
Nicht bestanden
Aa
#193F3A auf #296860
1,79:1
Nicht bestanden
Aa
#0C345D auf #18528F
1,59:1
Nicht bestanden
Aa
#021B35 auf #193F3A
1,50:1
Nicht bestanden
Aa
#18528F auf #193F3A
1,46:1
Nicht bestanden
Aa
#021B35 auf #0C345D
1,38:1
Nicht bestanden
Aa
#18528F auf #296860
1,23:1
Nicht bestanden
Aa
#0C345D auf #193F3A
1,09:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365