Registrieren Registrieren
TY Dark RPG 10

TY Dark RPG 10

Palette mit 10 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

TY Dark RPG 10

Palette mit 10 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 10 Farben Warm Gemischt Komplementär dark limited versatile rpg
Likes 8
Farben 10

CSS-Variablen

:root {
  --c-muted-1: #BCC9CB;
  --c-muted-2: #72AC92;
  --c-muted-3: #606A40;
  --c-muted-4: #4E4843;
  --c-muted-5: #393217;
  --c-muted-6: #000000;
  --c-muted-7: #A49983;
  --c-muted-8: #B1798C;
  --c-muted-9: #7D4948;
  --c-muted-10: #3E2E3D;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Hazy Blue (#BCC9CB) bis zum dunkelsten Ton Black (#000000). Sie vereint Hazy Blue, Dublin Jack, Golfer Green, Black Fox, Pullman Green, Black, Churchill Downs, Foxglove, Tuscan Red und Disappearing Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BCC9CB auf #000000 mit 12,36:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Hazy Blue #BCC9CB
RGB
rgb(188, 201, 203)
HSL
hsl(188, 13%, 77%)
Luminanz
0,568
Dublin Jack #72AC92
RGB
rgb(114, 172, 146)
HSL
hsl(153, 26%, 56%)
Luminanz
0,352
Golfer Green #606A40
RGB
rgb(96, 106, 64)
HSL
hsl(74, 25%, 33%)
Luminanz
0,132
Black Fox #4E4843
RGB
rgb(78, 72, 67)
HSL
hsl(27, 8%, 28%)
Luminanz
0,067
Pullman Green #393217
RGB
rgb(57, 50, 23)
HSL
hsl(48, 43%, 16%)
Luminanz
0,032
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Churchill Downs #A49983
RGB
rgb(164, 153, 131)
HSL
hsl(40, 15%, 58%)
Luminanz
0,323
Foxglove #B1798C
RGB
rgb(177, 121, 140)
HSL
hsl(340, 26%, 58%)
Luminanz
0,249
Tuscan Red #7D4948
RGB
rgb(125, 73, 72)
HSL
hsl(1, 27%, 39%)
Luminanz
0,096
Disappearing Purple #3E2E3D
RGB
rgb(62, 46, 61)
HSL
hsl(304, 15%, 21%)
Luminanz
0,033

Kontrast & Barrierefreiheit

10 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #BCC9CB auf #000000 12,36:1 AAA
Aa #72AC92 auf #000000 8,03:1 AAA
Aa #BCC9CB auf #393217 7,52:1 AAA
Aa #000000 auf #A49983 7,46:1 AAA
Aa #BCC9CB auf #3E2E3D 7,43:1 AAA
Aa #000000 auf #B1798C 5,98:1 AA
Aa #BCC9CB auf #4E4843 5,30:1 AA
Aa #72AC92 auf #393217 4,89:1 AA
Aa #72AC92 auf #3E2E3D 4,83:1 AA
Aa #393217 auf #A49983 4,54:1 AA
Aa #A49983 auf #3E2E3D 4,49:1 AA (großer Text)
Aa #BCC9CB auf #7D4948 4,23:1 AA (großer Text)
Aa #393217 auf #B1798C 3,64:1 AA (großer Text)
Aa #606A40 auf #000000 3,63:1 AA (großer Text)
Aa #B1798C auf #3E2E3D 3,60:1 AA (großer Text)
Aa #72AC92 auf #4E4843 3,44:1 AA (großer Text)
Aa #BCC9CB auf #606A40 3,40:1 AA (großer Text)
Aa #4E4843 auf #A49983 3,20:1 AA (großer Text)
Aa #000000 auf #7D4948 2,92:1 Nicht bestanden
Aa #72AC92 auf #7D4948 2,75:1 Nicht bestanden
Aa #4E4843 auf #B1798C 2,57:1 Nicht bestanden
Aa #A49983 auf #7D4948 2,56:1 Nicht bestanden
Aa #4E4843 auf #000000 2,33:1 Nicht bestanden
Aa #72AC92 auf #606A40 2,21:1 Nicht bestanden
Aa #606A40 auf #393217 2,21:1 Nicht bestanden
Aa #606A40 auf #3E2E3D 2,18:1 Nicht bestanden
Aa #BCC9CB auf #B1798C 2,07:1 Nicht bestanden
Aa #606A40 auf #A49983 2,05:1 Nicht bestanden
Aa #B1798C auf #7D4948 2,05:1 Nicht bestanden
Aa #393217 auf #7D4948 1,78:1 Nicht bestanden
Aa #7D4948 auf #3E2E3D 1,76:1 Nicht bestanden
Aa #BCC9CB auf #A49983 1,66:1 Nicht bestanden
Aa #000000 auf #3E2E3D 1,66:1 Nicht bestanden
Aa #606A40 auf #B1798C 1,65:1 Nicht bestanden
Aa #393217 auf #000000 1,64:1 Nicht bestanden
Aa #606A40 auf #4E4843 1,56:1 Nicht bestanden
Aa #BCC9CB auf #72AC92 1,54:1 Nicht bestanden
Aa #4E4843 auf #393217 1,42:1 Nicht bestanden
Aa #4E4843 auf #3E2E3D 1,40:1 Nicht bestanden
Aa #72AC92 auf #B1798C 1,34:1 Nicht bestanden
Aa #4E4843 auf #7D4948 1,25:1 Nicht bestanden
Aa #A49983 auf #B1798C 1,25:1 Nicht bestanden
Aa #606A40 auf #7D4948 1,24:1 Nicht bestanden
Aa #72AC92 auf #A49983 1,08:1 Nicht bestanden
Aa #393217 auf #3E2E3D 1,01:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben