Diroset
#54CEA7
Likes
391
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #54CEA7;
--c-vibrant-2: #2BA4A6;
--c-vibrant-3: #0C6987;
--c-vibrant-4: #054B84;
--c-vibrant-5: #0D2147;
--c-vibrant-6: #FFB0BF;
--c-vibrant-7: #FF82BD;
--c-vibrant-8: #D74AC7;
--c-vibrant-9: #A825BA;
--c-vibrant-10: #682B9C;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Soft Pink (#FFB0BF) bis zum dunkelsten Ton Dark Eclipse (#0D2147). Sie vereint Diroset, Cancer Seagreen Scarab, Ansel, Dance Studio, Dark Eclipse, Soft Pink, Pink Tease, Purplish Pink, Magentleman und Rebecca Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D2147 auf #FFB0BF mit 9,21:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Cancer Seagreen Scarab
#2BA4A6
Ansel
#0C6987
Dance Studio
#054B84
Dark Eclipse
#0D2147
Soft Pink
#FFB0BF
Pink Tease
#FF82BD
Purplish Pink
#D74AC7
Magentleman
#A825BA
Rebecca Purple
#682B9C
Kontrast & Barrierefreiheit
7 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#0D2147 auf #FFB0BF
9,21:1
AAA
Aa
#54CEA7 auf #0D2147
8,12:1
AAA
Aa
#0D2147 auf #FF82BD
6,92:1
AA
Aa
#2BA4A6 auf #0D2147
5,25:1
AA
Aa
#054B84 auf #FFB0BF
5,21:1
AA
Aa
#FFB0BF auf #682B9C
5,06:1
AA
Aa
#54CEA7 auf #054B84
4,59:1
AA
Aa
#54CEA7 auf #682B9C
4,46:1
AA (großer Text)
Aa
#0D2147 auf #D74AC7
4,29:1
AA (großer Text)
Aa
#054B84 auf #FF82BD
3,91:1
AA (großer Text)
Aa
#FF82BD auf #682B9C
3,80:1
AA (großer Text)
Aa
#0C6987 auf #FFB0BF
3,61:1
AA (großer Text)
Aa
#FFB0BF auf #A825BA
3,36:1
AA (großer Text)
Aa
#54CEA7 auf #0C6987
3,18:1
AA (großer Text)
Aa
#2BA4A6 auf #054B84
2,97:1
Nicht bestanden
Aa
#54CEA7 auf #A825BA
2,96:1
Nicht bestanden
Aa
#2BA4A6 auf #682B9C
2,88:1
Nicht bestanden
Aa
#0D2147 auf #A825BA
2,74:1
Nicht bestanden
Aa
#0C6987 auf #FF82BD
2,71:1
Nicht bestanden
Aa
#0C6987 auf #0D2147
2,55:1
Nicht bestanden
Aa
#FF82BD auf #A825BA
2,52:1
Nicht bestanden
Aa
#054B84 auf #D74AC7
2,43:1
Nicht bestanden
Aa
#D74AC7 auf #682B9C
2,36:1
Nicht bestanden
Aa
#FFB0BF auf #D74AC7
2,15:1
Nicht bestanden
Aa
#2BA4A6 auf #0C6987
2,06:1
Nicht bestanden
Aa
#2BA4A6 auf #A825BA
1,91:1
Nicht bestanden
Aa
#54CEA7 auf #D74AC7
1,89:1
Nicht bestanden
Aa
#0D2147 auf #682B9C
1,82:1
Nicht bestanden
Aa
#054B84 auf #0D2147
1,77:1
Nicht bestanden
Aa
#2BA4A6 auf #FFB0BF
1,75:1
Nicht bestanden
Aa
#0C6987 auf #D74AC7
1,68:1
Nicht bestanden
Aa
#FF82BD auf #D74AC7
1,61:1
Nicht bestanden
Aa
#D74AC7 auf #A825BA
1,56:1
Nicht bestanden
Aa
#54CEA7 auf #2BA4A6
1,55:1
Nicht bestanden
Aa
#054B84 auf #A825BA
1,55:1
Nicht bestanden
Aa
#A825BA auf #682B9C
1,51:1
Nicht bestanden
Aa
#0C6987 auf #054B84
1,44:1
Nicht bestanden
Aa
#0C6987 auf #682B9C
1,40:1
Nicht bestanden
Aa
#FFB0BF auf #FF82BD
1,33:1
Nicht bestanden
Aa
#2BA4A6 auf #FF82BD
1,32:1
Nicht bestanden
Aa
#2BA4A6 auf #D74AC7
1,22:1
Nicht bestanden
Aa
#54CEA7 auf #FF82BD
1,17:1
Nicht bestanden
Aa
#54CEA7 auf #FFB0BF
1,13:1
Nicht bestanden
Aa
#0C6987 auf #A825BA
1,07:1
Nicht bestanden
Aa
#054B84 auf #682B9C
1,03:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022