Teal Spill
#091E26
Likes
72
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #091E26;
--c-vibrant-2: #2C2259;
--c-vibrant-3: #C341EA;
--c-vibrant-4: #FFA3DE;
--c-vibrant-5: #FFE8F6;
--c-vibrant-6: #FFB496;
--c-vibrant-7: #FF708F;
--c-vibrant-8: #2E4B77;
--c-vibrant-9: #15877F;
--c-vibrant-10: #41EA9E;
--c-vibrant-11: #D6FFCE;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Herbal Vapours (#D6FFCE) bis zum dunkelsten Ton Teal Spill (#091E26). Sie vereint Teal Spill, Cluedo Night, Ultraviolet Onsible, Corinthian Pink, Dolomite Crystal, Island Girl, Blush Hour, Dragonfly, Green Ink, Sea Green und Herbal Vapours in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #091E26 auf #D6FFCE mit 15,55:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Cluedo Night
#2C2259
Ultraviolet Onsible
#C341EA
Corinthian Pink
#FFA3DE
Dolomite Crystal
#FFE8F6
Island Girl
#FFB496
Blush Hour
#FF708F
Dragonfly
#2E4B77
Green Ink
#15877F
Sea Green
#41EA9E
Herbal Vapours
#D6FFCE
Kontrast & Barrierefreiheit
17 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#091E26 auf #D6FFCE
15,55:1
AAA
Aa
#091E26 auf #FFE8F6
14,79:1
AAA
Aa
#2C2259 auf #D6FFCE
12,87:1
AAA
Aa
#2C2259 auf #FFE8F6
12,25:1
AAA
Aa
#091E26 auf #41EA9E
11,01:1
AAA
Aa
#091E26 auf #FFB496
9,97:1
AAA
Aa
#091E26 auf #FFA3DE
9,42:1
AAA
Aa
#2C2259 auf #41EA9E
9,11:1
AAA
Aa
#2C2259 auf #FFB496
8,26:1
AAA
Aa
#2E4B77 auf #D6FFCE
7,98:1
AAA
Aa
#2C2259 auf #FFA3DE
7,80:1
AAA
Aa
#FFE8F6 auf #2E4B77
7,59:1
AAA
Aa
#091E26 auf #FF708F
6,50:1
AA
Aa
#2E4B77 auf #41EA9E
5,65:1
AA
Aa
#2C2259 auf #FF708F
5,38:1
AA
Aa
#FFB496 auf #2E4B77
5,12:1
AA
Aa
#FFA3DE auf #2E4B77
4,83:1
AA
Aa
#091E26 auf #C341EA
4,30:1
AA (großer Text)
Aa
#15877F auf #D6FFCE
3,97:1
AA (großer Text)
Aa
#091E26 auf #15877F
3,92:1
AA (großer Text)
Aa
#FFE8F6 auf #15877F
3,77:1
AA (großer Text)
Aa
#C341EA auf #D6FFCE
3,62:1
AA (großer Text)
Aa
#2C2259 auf #C341EA
3,56:1
AA (großer Text)
Aa
#C341EA auf #FFE8F6
3,44:1
AA (großer Text)
Aa
#FF708F auf #2E4B77
3,33:1
AA (großer Text)
Aa
#2C2259 auf #15877F
3,25:1
AA (großer Text)
Aa
#15877F auf #41EA9E
2,81:1
Nicht bestanden
Aa
#C341EA auf #41EA9E
2,56:1
Nicht bestanden
Aa
#FFB496 auf #15877F
2,54:1
Nicht bestanden
Aa
#FFA3DE auf #15877F
2,40:1
Nicht bestanden
Aa
#FF708F auf #D6FFCE
2,39:1
Nicht bestanden
Aa
#C341EA auf #FFB496
2,32:1
Nicht bestanden
Aa
#FFE8F6 auf #FF708F
2,28:1
Nicht bestanden
Aa
#C341EA auf #2E4B77
2,20:1
Nicht bestanden
Aa
#C341EA auf #FFA3DE
2,19:1
Nicht bestanden
Aa
#2E4B77 auf #15877F
2,01:1
Nicht bestanden
Aa
#091E26 auf #2E4B77
1,95:1
Nicht bestanden
Aa
#FF708F auf #41EA9E
1,69:1
Nicht bestanden
Aa
#FF708F auf #15877F
1,66:1
Nicht bestanden
Aa
#FFA3DE auf #D6FFCE
1,65:1
Nicht bestanden
Aa
#2C2259 auf #2E4B77
1,61:1
Nicht bestanden
Aa
#FFA3DE auf #FFE8F6
1,57:1
Nicht bestanden
Aa
#FFB496 auf #D6FFCE
1,56:1
Nicht bestanden
Aa
#FFB496 auf #FF708F
1,53:1
Nicht bestanden
Aa
#C341EA auf #FF708F
1,51:1
Nicht bestanden
Aa
#FFE8F6 auf #FFB496
1,48:1
Nicht bestanden
Aa
#FFA3DE auf #FF708F
1,45:1
Nicht bestanden
Aa
#41EA9E auf #D6FFCE
1,41:1
Nicht bestanden
Aa
#FFE8F6 auf #41EA9E
1,34:1
Nicht bestanden
Aa
#091E26 auf #2C2259
1,21:1
Nicht bestanden
Aa
#FFA3DE auf #41EA9E
1,17:1
Nicht bestanden
Aa
#C341EA auf #15877F
1,10:1
Nicht bestanden
Aa
#FFB496 auf #41EA9E
1,10:1
Nicht bestanden
Aa
#FFA3DE auf #FFB496
1,06:1
Nicht bestanden
Aa
#FFE8F6 auf #D6FFCE
1,05:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50