Deepsea Kraken
#132397
Likes
21
Farben
9
CSS-Variablen
:root {
--c-vibrant-1: #132397;
--c-vibrant-2: #1F36CB;
--c-vibrant-3: #2B59FF;
--c-vibrant-4: #407AFF;
--c-vibrant-5: #77B2FF;
--c-vibrant-6: #96D0FF;
--c-vibrant-7: #C0EFFF;
--c-vibrant-8: #FFFFFF;
--c-vibrant-9: #B03ED2;
}Über diese Palette
Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Deepsea Kraken (#132397). Sie vereint Deepsea Kraken, Third Eye Chakra, YInMn Blue, Lightish Blue, French Sky Blue, Long Island Sound, Blue Java Banana, White und Purple Yam in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #132397 auf #FFFFFF mit 12,25:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Third Eye Chakra
#1F36CB
YInMn Blue
#2B59FF
Lightish Blue
#407AFF
French Sky Blue
#77B2FF
Long Island Sound
#96D0FF
Blue Java Banana
#C0EFFF
White
#FFFFFF
Purple Yam
#B03ED2
Kontrast & Barrierefreiheit
9 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#132397 auf #FFFFFF
12,25:1
AAA
Aa
#132397 auf #C0EFFF
9,93:1
AAA
Aa
#1F36CB auf #FFFFFF
8,58:1
AAA
Aa
#132397 auf #96D0FF
7,44:1
AAA
Aa
#1F36CB auf #C0EFFF
6,96:1
AA
Aa
#132397 auf #77B2FF
5,60:1
AA
Aa
#2B59FF auf #FFFFFF
5,28:1
AA
Aa
#1F36CB auf #96D0FF
5,21:1
AA
Aa
#FFFFFF auf #B03ED2
4,70:1
AA
Aa
#2B59FF auf #C0EFFF
4,28:1
AA (großer Text)
Aa
#1F36CB auf #77B2FF
3,92:1
AA (großer Text)
Aa
#407AFF auf #FFFFFF
3,86:1
AA (großer Text)
Aa
#C0EFFF auf #B03ED2
3,81:1
AA (großer Text)
Aa
#2B59FF auf #96D0FF
3,21:1
AA (großer Text)
Aa
#132397 auf #407AFF
3,18:1
AA (großer Text)
Aa
#407AFF auf #C0EFFF
3,13:1
AA (großer Text)
Aa
#96D0FF auf #B03ED2
2,86:1
Nicht bestanden
Aa
#132397 auf #B03ED2
2,60:1
Nicht bestanden
Aa
#2B59FF auf #77B2FF
2,41:1
Nicht bestanden
Aa
#407AFF auf #96D0FF
2,34:1
Nicht bestanden
Aa
#132397 auf #2B59FF
2,32:1
Nicht bestanden
Aa
#1F36CB auf #407AFF
2,22:1
Nicht bestanden
Aa
#77B2FF auf #FFFFFF
2,19:1
Nicht bestanden
Aa
#77B2FF auf #B03ED2
2,15:1
Nicht bestanden
Aa
#1F36CB auf #B03ED2
1,82:1
Nicht bestanden
Aa
#77B2FF auf #C0EFFF
1,77:1
Nicht bestanden
Aa
#407AFF auf #77B2FF
1,76:1
Nicht bestanden
Aa
#96D0FF auf #FFFFFF
1,65:1
Nicht bestanden
Aa
#1F36CB auf #2B59FF
1,62:1
Nicht bestanden
Aa
#132397 auf #1F36CB
1,43:1
Nicht bestanden
Aa
#2B59FF auf #407AFF
1,37:1
Nicht bestanden
Aa
#77B2FF auf #96D0FF
1,33:1
Nicht bestanden
Aa
#96D0FF auf #C0EFFF
1,33:1
Nicht bestanden
Aa
#C0EFFF auf #FFFFFF
1,23:1
Nicht bestanden
Aa
#407AFF auf #B03ED2
1,22:1
Nicht bestanden
Aa
#2B59FF auf #B03ED2
1,12:1
Nicht bestanden
Ähnliche Paletten
#E3FDFD
#CBF1F5
#A6E3E9
#71C9CE
#F4EEFF
#DCD6F7
#A6B1E1
#424874
#B1B2FF
#AAC4FF
#D2DAFF
#EEF1FF
#6096B4
#93BFCF
#BDCDD6
#EEE9DA
#A8D8EA
#AA96DA
#FCBAD3
#FFFFD2
#DEFCF9
#CADEFC
#C3BEF0
#CCA8E9
#F7FBFC
#D6E6F2
#B9D7EA
#769FCD
#C4DFDF
#D2E9E9
#E3F4F4
#F8F6F4