Hadopelagic Water
#070020
Likes
90
Farben
9
CSS-Variablen
:root {
--c-vibrant-1: #070020;
--c-vibrant-2: #22032A;
--c-vibrant-3: #36052B;
--c-vibrant-4: #580D27;
--c-vibrant-5: #7C1327;
--c-vibrant-6: #C71F22;
--c-vibrant-7: #E48585;
--c-vibrant-8: #F0B8B8;
--c-vibrant-9: #FBDFD0;
}Über diese Palette
Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Elizabeth Rose (#FBDFD0) bis zum dunkelsten Ton Hadopelagic Water (#070020). Sie vereint Hadopelagic Water, Black Sabbath, Globe Thistle, Chocolate Cosmos, Heavy Heart, Star and Crescent Red, Boho Blush, Old Flame und Elizabeth Rose in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #070020 auf #FBDFD0 mit 16,09:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Black Sabbath
#22032A
Globe Thistle
#36052B
Chocolate Cosmos
#580D27
Heavy Heart
#7C1327
Star and Crescent Red
#C71F22
Boho Blush
#E48585
Old Flame
#F0B8B8
Elizabeth Rose
#FBDFD0
Kontrast & Barrierefreiheit
15 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#070020 auf #FBDFD0
16,09:1
AAA
Aa
#22032A auf #FBDFD0
14,87:1
AAA
Aa
#36052B auf #FBDFD0
13,65:1
AAA
Aa
#070020 auf #F0B8B8
11,90:1
AAA
Aa
#580D27 auf #FBDFD0
11,03:1
AAA
Aa
#22032A auf #F0B8B8
10,99:1
AAA
Aa
#36052B auf #F0B8B8
10,10:1
AAA
Aa
#7C1327 auf #FBDFD0
8,37:1
AAA
Aa
#580D27 auf #F0B8B8
8,16:1
AAA
Aa
#070020 auf #E48585
7,76:1
AAA
Aa
#22032A auf #E48585
7,17:1
AAA
Aa
#36052B auf #E48585
6,59:1
AA
Aa
#7C1327 auf #F0B8B8
6,19:1
AA
Aa
#580D27 auf #E48585
5,32:1
AA
Aa
#C71F22 auf #FBDFD0
4,54:1
AA
Aa
#7C1327 auf #E48585
4,04:1
AA (großer Text)
Aa
#070020 auf #C71F22
3,54:1
AA (großer Text)
Aa
#C71F22 auf #F0B8B8
3,36:1
AA (großer Text)
Aa
#22032A auf #C71F22
3,27:1
AA (großer Text)
Aa
#36052B auf #C71F22
3,01:1
AA (großer Text)
Aa
#580D27 auf #C71F22
2,43:1
Nicht bestanden
Aa
#C71F22 auf #E48585
2,19:1
Nicht bestanden
Aa
#E48585 auf #FBDFD0
2,07:1
Nicht bestanden
Aa
#070020 auf #7C1327
1,92:1
Nicht bestanden
Aa
#7C1327 auf #C71F22
1,84:1
Nicht bestanden
Aa
#22032A auf #7C1327
1,78:1
Nicht bestanden
Aa
#36052B auf #7C1327
1,63:1
Nicht bestanden
Aa
#E48585 auf #F0B8B8
1,53:1
Nicht bestanden
Aa
#070020 auf #580D27
1,46:1
Nicht bestanden
Aa
#22032A auf #580D27
1,35:1
Nicht bestanden
Aa
#F0B8B8 auf #FBDFD0
1,35:1
Nicht bestanden
Aa
#580D27 auf #7C1327
1,32:1
Nicht bestanden
Aa
#36052B auf #580D27
1,24:1
Nicht bestanden
Aa
#070020 auf #36052B
1,18:1
Nicht bestanden
Aa
#22032A auf #36052B
1,09:1
Nicht bestanden
Aa
#070020 auf #22032A
1,08:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79