Hergestellt in 02/26/2019 12:23
  4.56k

Tailwind CSS default colors palette

#b8c2cc
#e3342f
#f6993f
#ffed4a
#38c172
#4dc0b5
#3490dc
#6574cd
#9561e2
#f66d9b
Anmelden um die Palette in der Sammlung zu speichern
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #ffed4a und #3490dc. Palette hat Farbtemperatur Kalt, Warm.
Die Palette Tailwind CSS default colors palette enthält eine Kombination aus 10-Codefarben:
VERHEXEN: #b8c2cc, RGB: (184, 194, 204); VERHEXEN: #e3342f, RGB: (227, 52, 47); VERHEXEN: #f6993f, RGB: (246, 153, 63)
VERHEXEN: #ffed4a, RGB: (255, 237, 74); VERHEXEN: #38c172, RGB: (56, 193, 114); VERHEXEN: #4dc0b5, RGB: (77, 192, 181)
VERHEXEN: #3490dc, RGB: (52, 144, 220); VERHEXEN: #6574cd, RGB: (101, 116, 205); VERHEXEN: #9561e2, RGB: (149, 97, 226)
VERHEXEN: #f66d9b, RGB: (246, 109, 155)
Vereinfachte Version der Palettenfarben
Schatten von Silber, Schatten von Rot, Schatten von darkorange, Farbton von Gelb, Schatten von mediumseagreen, Schatten von lightseagreen, Schatten von dodgerblue, Schatten von royalblue, Farbton von mediumpurple, Schatten von palevioletred
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Tailwind CSS default colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#b8c2cc RGB(184, 194, 204)
#e3342f RGB(227, 52, 47)
#f6993f RGB(246, 153, 63)
#ffed4a RGB(255, 237, 74)
#38c172 RGB(56, 193, 114)
#4dc0b5 RGB(77, 192, 181)
#3490dc RGB(52, 144, 220)
#6574cd RGB(101, 116, 205)
#9561e2 RGB(149, 97, 226)
#f66d9b RGB(246, 109, 155)

Farbpalette Kontrast

37 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#b8c2cc
#f6993f
1.21
#b8c2cc
#ffed4a
1.5
#b8c2cc
#38c172
1.28
#b8c2cc
#4dc0b5
1.22
#b8c2cc
#3490dc
1.88
#b8c2cc
#f66d9b
1.53

Bildpalette Tailwind CSS default colors palette png

Palettenfarben: Wie benutzt man?

Klicken Sie auf eine beliebige Farbe, um sie hinzuzufügen Palette
Schnelle Palette
Maximal 10 Paletten Vergleichen
Wie benutzt man?
Klicken Sie auf das Symbol „Vergleichen“. um eine Palette hinzuzufügen Listenpaletten vergleichen
Vergleichen Sie Paletten