Tiān Lán Sky
#67B5FF
Likes
55
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #67B5FF;
--c-vibrant-2: #D2D5C1;
--c-vibrant-3: #CD7C30;
--c-vibrant-4: #B4401C;
--c-vibrant-5: #6C3B2C;
--c-vibrant-6: #610316;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White Sage (#D2D5C1) bis zum dunkelsten Ton Darkest Dungeon (#610316). Sie vereint Tiān Lán Sky, White Sage, Polished Bronze, Crimson Blaze, Red Mane und Darkest Dungeon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D2D5C1 auf #610316 mit 9,15:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
White Sage
#D2D5C1
Polished Bronze
#CD7C30
Crimson Blaze
#B4401C
Red Mane
#6C3B2C
Darkest Dungeon
#610316
Kontrast & Barrierefreiheit
3 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#D2D5C1 auf #610316
9,15:1
AAA
Aa
#67B5FF auf #610316
6,28:1
AA
Aa
#D2D5C1 auf #6C3B2C
6,10:1
AA
Aa
#CD7C30 auf #610316
4,25:1
AA (großer Text)
Aa
#67B5FF auf #6C3B2C
4,19:1
AA (großer Text)
Aa
#D2D5C1 auf #B4401C
3,80:1
AA (großer Text)
Aa
#CD7C30 auf #6C3B2C
2,84:1
Nicht bestanden
Aa
#67B5FF auf #B4401C
2,61:1
Nicht bestanden
Aa
#B4401C auf #610316
2,41:1
Nicht bestanden
Aa
#D2D5C1 auf #CD7C30
2,15:1
Nicht bestanden
Aa
#CD7C30 auf #B4401C
1,77:1
Nicht bestanden
Aa
#B4401C auf #6C3B2C
1,60:1
Nicht bestanden
Aa
#6C3B2C auf #610316
1,50:1
Nicht bestanden
Aa
#67B5FF auf #CD7C30
1,48:1
Nicht bestanden
Aa
#67B5FF auf #D2D5C1
1,46: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