bg-inherit
background-color: inherit;
bg-current
background-color: currentColor;
bg-<color-name>
background-color: <value>;
bg-red-500
background-color: var(--color-red-500);
bg-<color-name>/<opacity>
bg-red-500/42
background-color: color-mix(in oklab, var(--color-red-500) 42%, transparent);
bg-[<value>]
bg-[#ff0000]
background-color: #ff0000;
bg-[<value>]/<opacity>
bg-[#ff0000]/42
background-color: rgba(255,0,0,0.42);
bg-(<custom-property>)
background-color: var(<custom-property>);
bg-(--my-color)
background-color: var(--my-color);
bg-(color:<custom-property>)
bg-(color:--my-color)
© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933
By using this website you accept our privacy policy. Choose the browser data you consent to allow:
