Skip to main content

Border Color

Set the color for element borders.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

bc:red-1
border-color: #fbdfe1;
bc:red-2
border-color: #f8c4c8;
bc:red-3
border-color: #f4a8ae;
bc:red-4
border-color: #f18c94;
bc:red-5
border-color: #ed707a;
bc:red-6
border-color: #ea5560;
bc:red
border-color: #e63946;
bc:red-7
border-color: #c6313c;
bc:red-8
border-color: #a62932;
bc:red-9
border-color: #852129;
bc:red-10
border-color: #65191f;
bc:red-11
border-color: #451115;
bc:red-12
border-color: #25090b;
bc:orange-1
border-color: #ffe7df;
bc:orange-2
border-color: #ffd3c2;
bc:orange-3
border-color: #ffbea6;
bc:orange-4
border-color: #ffa98a;
bc:orange-5
border-color: #ff946e;
bc:orange-6
border-color: #ff8051;
bc:orange
border-color: #ff6b35;
bc:orange-7
border-color: #db5c2e;
bc:orange-8
border-color: #b84d26;
bc:orange-9
border-color: #943e1f;
bc:orange-10
border-color: #702f17;
bc:orange-11
border-color: #4d2010;
bc:orange-12
border-color: #291108;
bc:yellow-1
border-color: #fff4db;
bc:yellow-2
border-color: #ffeabb;
bc:yellow-3
border-color: #ffe09b;
bc:yellow-4
border-color: #ffd67b;
bc:yellow-5
border-color: #ffcc5c;
bc:yellow-6
border-color: #ffc23c;
bc:yellow
border-color: #ffb81c;
bc:yellow-7
border-color: #db9e18;
bc:yellow-8
border-color: #b88414;
bc:yellow-9
border-color: #946b10;
bc:yellow-10
border-color: #70510c;
bc:yellow-11
border-color: #4d3708;
bc:yellow-12
border-color: #291d04;
bc:lime-1
border-color: #ebf7da;
bc:lime-2
border-color: #daf0b9;
bc:lime-3
border-color: #c9e998;
bc:lime-4
border-color: #b8e178;
bc:lime-5
border-color: #a6da57;
bc:lime-6
border-color: #95d337;
bc:lime
border-color: #84cc16;
bc:lime-7
border-color: #72af13;
bc:lime-8
border-color: #5f9310;
bc:lime-9
border-color: #4d760d;
bc:lime-10
border-color: #3a5a0a;
bc:lime-11
border-color: #283d07;
bc:lime-12
border-color: #152104;
bc:mint-1
border-color: #d9f4eb;
bc:mint-2
border-color: #b7ead9;
bc:mint-3
border-color: #96e0c8;
bc:mint-4
border-color: #74d6b6;
bc:mint-5
border-color: #53cda4;
bc:mint-6
border-color: #31c393;
bc:mint
border-color: #10b981;
bc:mint-7
border-color: #0e9f6f;
bc:mint-8
border-color: #0c855d;
bc:mint-9
border-color: #096b4b;
bc:mint-10
border-color: #075139;
bc:mint-11
border-color: #053827;
bc:mint-12
border-color: #031e15;
bc:green-1
border-color: #d7f8f0;
bc:green-2
border-color: #b4f3e3;
bc:green-3
border-color: #91edd5;
bc:green-4
border-color: #6fe7c8;
bc:green-5
border-color: #4ce1bb;
bc:green-6
border-color: #29dcad;
bc:green
border-color: #06d6a0;
bc:green-7
border-color: #05b88a;
bc:green-8
border-color: #049a73;
bc:green-9
border-color: #037c5d;
bc:green-10
border-color: #035e46;
bc:green-11
border-color: #024030;
bc:green-12
border-color: #01221a;
bc:cyan-1
border-color: #d7f3f8;
bc:cyan-2
border-color: #b4e9f2;
bc:cyan-3
border-color: #91dfec;
bc:cyan-4
border-color: #6fd5e6;
bc:cyan-5
border-color: #4ccae0;
bc:cyan-6
border-color: #29c0da;
bc:cyan
border-color: #06b6d4;
bc:cyan-7
border-color: #059db6;
bc:cyan-8
border-color: #048399;
bc:cyan-9
border-color: #036a7b;
bc:cyan-10
border-color: #03505d;
bc:cyan-11
border-color: #023740;
bc:cyan-12
border-color: #011d22;
bc:sky-1
border-color: #dff4fe;
bc:sky-2
border-color: #c3ebfd;
bc:sky-3
border-color: #a7e2fc;
bc:sky-4
border-color: #8cd9fb;
bc:sky-5
border-color: #70cffa;
bc:sky-6
border-color: #54c6f9;
bc:sky
border-color: #38bdf8;
bc:sky-7
border-color: #30a3d5;
bc:sky-8
border-color: #2888b3;
bc:sky-9
border-color: #206e90;
bc:sky-10
border-color: #19536d;
bc:sky-11
border-color: #11394a;
bc:sky-12
border-color: #091e28;
bc:blue-1
border-color: #dce6fc;
bc:blue-2
border-color: #bed0f9;
bc:blue-3
border-color: #9fbaf6;
bc:blue-4
border-color: #81a5f3;
bc:blue-5
border-color: #628ff1;
bc:blue-6
border-color: #4479ee;
bc:blue
border-color: #2563eb;
bc:blue-7
border-color: #2055ca;
bc:blue-8
border-color: #1b47a9;
bc:blue-9
border-color: #153988;
bc:blue-10
border-color: #102c67;
bc:blue-11
border-color: #0b1e47;
bc:blue-12
border-color: #061026;
bc:indigo-1
border-color: #e6e7fd;
bc:indigo-2
border-color: #d0d1fb;
bc:indigo-3
border-color: #babcf9;
bc:indigo-4
border-color: #a5a6f7;
bc:indigo-5
border-color: #8f91f5;
bc:indigo-6
border-color: #797bf3;
bc:indigo
border-color: #6366f1;
bc:indigo-7
border-color: #5558cf;
bc:indigo-8
border-color: #4749ae;
bc:indigo-9
border-color: #393b8c;
bc:indigo-10
border-color: #2c2d6a;
bc:indigo-11
border-color: #1e1f48;
bc:indigo-12
border-color: #101027;
bc:violet-1
border-color: #ece5fe;
bc:violet-2
border-color: #dccefc;
bc:violet-3
border-color: #ccb7fb;
bc:violet-4
border-color: #bca0fa;
bc:violet-5
border-color: #ab8af9;
bc:violet-6
border-color: #9b73f7;
bc:violet
border-color: #8b5cf6;
bc:violet-7
border-color: #784fd4;
bc:violet-8
border-color: #6442b1;
bc:violet-9
border-color: #51358f;
bc:violet-10
border-color: #3d286c;
bc:violet-11
border-color: #2a1c4a;
bc:violet-12
border-color: #160f27;
bc:lavender-1
border-color: #f1ecfe;
bc:lavender-2
border-color: #e5dcfe;
bc:lavender-3
border-color: #d8ccfd;
bc:lavender-4
border-color: #ccbcfc;
bc:lavender-5
border-color: #c0abfb;
bc:lavender-6
border-color: #b39bfb;
bc:lavender
border-color: #a78bfa;
bc:lavender-7
border-color: #9078d7;
bc:lavender-8
border-color: #7864b4;
bc:lavender-9
border-color: #615191;
bc:lavender-10
border-color: #493d6e;
bc:lavender-11
border-color: #322a4b;
bc:lavender-12
border-color: #1b1628;
bc:magenta-1
border-color: #f9e1fc;
bc:magenta-2
border-color: #f4c8fa;
bc:magenta-3
border-color: #eeaef8;
bc:magenta-4
border-color: #e994f6;
bc:magenta-5
border-color: #e47af3;
bc:magenta-6
border-color: #de60f1;
bc:magenta
border-color: #d946ef;
bc:magenta-7
border-color: #bb3cce;
bc:magenta-8
border-color: #9c32ac;
bc:magenta-9
border-color: #7e298b;
bc:magenta-10
border-color: #5f1f69;
bc:magenta-11
border-color: #411548;
bc:magenta-12
border-color: #230b26;
bc:pink-1
border-color: #fce2ef;
bc:pink-2
border-color: #f9c8e0;
bc:pink-3
border-color: #f7aed2;
bc:pink-4
border-color: #f495c4;
bc:pink-5
border-color: #f17bb6;
bc:pink-6
border-color: #ef62a7;
bc:pink
border-color: #ec4899;
bc:pink-7
border-color: #cb3e84;
bc:pink-8
border-color: #aa346e;
bc:pink-9
border-color: #892a59;
bc:pink-10
border-color: #682043;
bc:pink-11
border-color: #47162e;
bc:pink-12
border-color: #260c18;
bc:coral-1
border-color: #ffe8ed;
bc:coral-2
border-color: #ffd4de;
bc:coral-3
border-color: #ffc0cf;
bc:coral-4
border-color: #ffabbf;
bc:coral-5
border-color: #ff97b0;
bc:coral-6
border-color: #ff83a0;
bc:coral
border-color: #ff6f91;
bc:coral-7
border-color: #db5f7d;
bc:coral-8
border-color: #b85068;
bc:coral-9
border-color: #944054;
bc:coral-10
border-color: #703140;
bc:coral-11
border-color: #4d212c;
bc:coral-12
border-color: #291217;
bc:zinc-1
border-color: #e3e3e5;
bc:zinc-2
border-color: #cbcbce;
bc:zinc-3
border-color: #b3b3b7;
bc:zinc-4
border-color: #9b9ba0;
bc:zinc-5
border-color: #828289;
bc:zinc-6
border-color: #6a6a72;
bc:zinc
border-color: #52525b;
bc:zinc-7
border-color: #47474e;
bc:zinc-8
border-color: #3b3b42;
bc:zinc-9
border-color: #303035;
bc:zinc-10
border-color: #242428;
bc:zinc-11
border-color: #19191b;
bc:zinc-12
border-color: #0d0d0f;
bc:gray-1
border-color: #e7e8eb;
bc:gray-2
border-color: #d3d5d9;
bc:gray-3
border-color: #bec1c7;
bc:gray-4
border-color: #a9adb5;
bc:gray-5
border-color: #9499a4;
bc:gray-6
border-color: #808692;
bc:gray
border-color: #6b7280;
bc:gray-7
border-color: #5c626e;
bc:gray-8
border-color: #4d525c;
bc:gray-9
border-color: #3e424a;
bc:gray-10
border-color: #2f3238;
bc:gray-11
border-color: #202226;
bc:gray-12
border-color: #111214;
bc:slate-1
border-color: #e6e9ec;
bc:slate-2
border-color: #d1d5dc;
bc:slate-3
border-color: #bbc2cc;
bc:slate-4
border-color: #a5aebc;
bc:slate-5
border-color: #8f9bab;
bc:slate-6
border-color: #7a879b;
bc:slate
border-color: #64748b;
bc:slate-7
border-color: #566478;
bc:slate-8
border-color: #485464;
bc:slate-9
border-color: #3a4351;
bc:slate-10
border-color: #2c333d;
bc:slate-11
border-color: #1e232a;
bc:slate-12
border-color: #101316;
bc:silver-1
border-color: #eff0f2;
bc:silver-2
border-color: #e1e3e7;
bc:silver-3
border-color: #d3d7dc;
bc:silver-4
border-color: #c6cad1;
bc:silver-5
border-color: #b8bdc5;
bc:silver-6
border-color: #aab0ba;
bc:silver
border-color: #9ca3af;
bc:silver-7
border-color: #868c97;
bc:silver-8
border-color: #70757e;
bc:silver-9
border-color: #5a5f66;
bc:silver-10
border-color: #45484d;
bc:silver-11
border-color: #2f3135;
bc:silver-12
border-color: #191a1c;
bc:black
border-color: #000000;
bc:current
border-color: currentColor;
bc:transparent
border-color: transparent;
bc:white
border-color: #ffffff;

Border Bottom Color

bbc:red-1
border-bottom-color: #fbdfe1;
bbc:red-2
border-bottom-color: #f8c4c8;
bbc:red-3
border-bottom-color: #f4a8ae;
bbc:red-4
border-bottom-color: #f18c94;
bbc:red-5
border-bottom-color: #ed707a;
bbc:red-6
border-bottom-color: #ea5560;
bbc:red
border-bottom-color: #e63946;
bbc:red-7
border-bottom-color: #c6313c;
bbc:red-8
border-bottom-color: #a62932;
bbc:red-9
border-bottom-color: #852129;
bbc:red-10
border-bottom-color: #65191f;
bbc:red-11
border-bottom-color: #451115;
bbc:red-12
border-bottom-color: #25090b;
bbc:orange-1
border-bottom-color: #ffe7df;
bbc:orange-2
border-bottom-color: #ffd3c2;
bbc:orange-3
border-bottom-color: #ffbea6;
bbc:orange-4
border-bottom-color: #ffa98a;
bbc:orange-5
border-bottom-color: #ff946e;
bbc:orange-6
border-bottom-color: #ff8051;
bbc:orange
border-bottom-color: #ff6b35;
bbc:orange-7
border-bottom-color: #db5c2e;
bbc:orange-8
border-bottom-color: #b84d26;
bbc:orange-9
border-bottom-color: #943e1f;
bbc:orange-10
border-bottom-color: #702f17;
bbc:orange-11
border-bottom-color: #4d2010;
bbc:orange-12
border-bottom-color: #291108;
bbc:yellow-1
border-bottom-color: #fff4db;
bbc:yellow-2
border-bottom-color: #ffeabb;
bbc:yellow-3
border-bottom-color: #ffe09b;
bbc:yellow-4
border-bottom-color: #ffd67b;
bbc:yellow-5
border-bottom-color: #ffcc5c;
bbc:yellow-6
border-bottom-color: #ffc23c;
bbc:yellow
border-bottom-color: #ffb81c;
bbc:yellow-7
border-bottom-color: #db9e18;
bbc:yellow-8
border-bottom-color: #b88414;
bbc:yellow-9
border-bottom-color: #946b10;
bbc:yellow-10
border-bottom-color: #70510c;
bbc:yellow-11
border-bottom-color: #4d3708;
bbc:yellow-12
border-bottom-color: #291d04;
bbc:lime-1
border-bottom-color: #ebf7da;
bbc:lime-2
border-bottom-color: #daf0b9;
bbc:lime-3
border-bottom-color: #c9e998;
bbc:lime-4
border-bottom-color: #b8e178;
bbc:lime-5
border-bottom-color: #a6da57;
bbc:lime-6
border-bottom-color: #95d337;
bbc:lime
border-bottom-color: #84cc16;
bbc:lime-7
border-bottom-color: #72af13;
bbc:lime-8
border-bottom-color: #5f9310;
bbc:lime-9
border-bottom-color: #4d760d;
bbc:lime-10
border-bottom-color: #3a5a0a;
bbc:lime-11
border-bottom-color: #283d07;
bbc:lime-12
border-bottom-color: #152104;
bbc:mint-1
border-bottom-color: #d9f4eb;
bbc:mint-2
border-bottom-color: #b7ead9;
bbc:mint-3
border-bottom-color: #96e0c8;
bbc:mint-4
border-bottom-color: #74d6b6;
bbc:mint-5
border-bottom-color: #53cda4;
bbc:mint-6
border-bottom-color: #31c393;
bbc:mint
border-bottom-color: #10b981;
bbc:mint-7
border-bottom-color: #0e9f6f;
bbc:mint-8
border-bottom-color: #0c855d;
bbc:mint-9
border-bottom-color: #096b4b;
bbc:mint-10
border-bottom-color: #075139;
bbc:mint-11
border-bottom-color: #053827;
bbc:mint-12
border-bottom-color: #031e15;
bbc:green-1
border-bottom-color: #d7f8f0;
bbc:green-2
border-bottom-color: #b4f3e3;
bbc:green-3
border-bottom-color: #91edd5;
bbc:green-4
border-bottom-color: #6fe7c8;
bbc:green-5
border-bottom-color: #4ce1bb;
bbc:green-6
border-bottom-color: #29dcad;
bbc:green
border-bottom-color: #06d6a0;
bbc:green-7
border-bottom-color: #05b88a;
bbc:green-8
border-bottom-color: #049a73;
bbc:green-9
border-bottom-color: #037c5d;
bbc:green-10
border-bottom-color: #035e46;
bbc:green-11
border-bottom-color: #024030;
bbc:green-12
border-bottom-color: #01221a;
bbc:cyan-1
border-bottom-color: #d7f3f8;
bbc:cyan-2
border-bottom-color: #b4e9f2;
bbc:cyan-3
border-bottom-color: #91dfec;
bbc:cyan-4
border-bottom-color: #6fd5e6;
bbc:cyan-5
border-bottom-color: #4ccae0;
bbc:cyan-6
border-bottom-color: #29c0da;
bbc:cyan
border-bottom-color: #06b6d4;
bbc:cyan-7
border-bottom-color: #059db6;
bbc:cyan-8
border-bottom-color: #048399;
bbc:cyan-9
border-bottom-color: #036a7b;
bbc:cyan-10
border-bottom-color: #03505d;
bbc:cyan-11
border-bottom-color: #023740;
bbc:cyan-12
border-bottom-color: #011d22;
bbc:sky-1
border-bottom-color: #dff4fe;
bbc:sky-2
border-bottom-color: #c3ebfd;
bbc:sky-3
border-bottom-color: #a7e2fc;
bbc:sky-4
border-bottom-color: #8cd9fb;
bbc:sky-5
border-bottom-color: #70cffa;
bbc:sky-6
border-bottom-color: #54c6f9;
bbc:sky
border-bottom-color: #38bdf8;
bbc:sky-7
border-bottom-color: #30a3d5;
bbc:sky-8
border-bottom-color: #2888b3;
bbc:sky-9
border-bottom-color: #206e90;
bbc:sky-10
border-bottom-color: #19536d;
bbc:sky-11
border-bottom-color: #11394a;
bbc:sky-12
border-bottom-color: #091e28;
bbc:blue-1
border-bottom-color: #dce6fc;
bbc:blue-2
border-bottom-color: #bed0f9;
bbc:blue-3
border-bottom-color: #9fbaf6;
bbc:blue-4
border-bottom-color: #81a5f3;
bbc:blue-5
border-bottom-color: #628ff1;
bbc:blue-6
border-bottom-color: #4479ee;
bbc:blue
border-bottom-color: #2563eb;
bbc:blue-7
border-bottom-color: #2055ca;
bbc:blue-8
border-bottom-color: #1b47a9;
bbc:blue-9
border-bottom-color: #153988;
bbc:blue-10
border-bottom-color: #102c67;
bbc:blue-11
border-bottom-color: #0b1e47;
bbc:blue-12
border-bottom-color: #061026;
bbc:indigo-1
border-bottom-color: #e6e7fd;
bbc:indigo-2
border-bottom-color: #d0d1fb;
bbc:indigo-3
border-bottom-color: #babcf9;
bbc:indigo-4
border-bottom-color: #a5a6f7;
bbc:indigo-5
border-bottom-color: #8f91f5;
bbc:indigo-6
border-bottom-color: #797bf3;
bbc:indigo
border-bottom-color: #6366f1;
bbc:indigo-7
border-bottom-color: #5558cf;
bbc:indigo-8
border-bottom-color: #4749ae;
bbc:indigo-9
border-bottom-color: #393b8c;
bbc:indigo-10
border-bottom-color: #2c2d6a;
bbc:indigo-11
border-bottom-color: #1e1f48;
bbc:indigo-12
border-bottom-color: #101027;
bbc:violet-1
border-bottom-color: #ece5fe;
bbc:violet-2
border-bottom-color: #dccefc;
bbc:violet-3
border-bottom-color: #ccb7fb;
bbc:violet-4
border-bottom-color: #bca0fa;
bbc:violet-5
border-bottom-color: #ab8af9;
bbc:violet-6
border-bottom-color: #9b73f7;
bbc:violet
border-bottom-color: #8b5cf6;
bbc:violet-7
border-bottom-color: #784fd4;
bbc:violet-8
border-bottom-color: #6442b1;
bbc:violet-9
border-bottom-color: #51358f;
bbc:violet-10
border-bottom-color: #3d286c;
bbc:violet-11
border-bottom-color: #2a1c4a;
bbc:violet-12
border-bottom-color: #160f27;
bbc:lavender-1
border-bottom-color: #f1ecfe;
bbc:lavender-2
border-bottom-color: #e5dcfe;
bbc:lavender-3
border-bottom-color: #d8ccfd;
bbc:lavender-4
border-bottom-color: #ccbcfc;
bbc:lavender-5
border-bottom-color: #c0abfb;
bbc:lavender-6
border-bottom-color: #b39bfb;
bbc:lavender
border-bottom-color: #a78bfa;
bbc:lavender-7
border-bottom-color: #9078d7;
bbc:lavender-8
border-bottom-color: #7864b4;
bbc:lavender-9
border-bottom-color: #615191;
bbc:lavender-10
border-bottom-color: #493d6e;
bbc:lavender-11
border-bottom-color: #322a4b;
bbc:lavender-12
border-bottom-color: #1b1628;
bbc:magenta-1
border-bottom-color: #f9e1fc;
bbc:magenta-2
border-bottom-color: #f4c8fa;
bbc:magenta-3
border-bottom-color: #eeaef8;
bbc:magenta-4
border-bottom-color: #e994f6;
bbc:magenta-5
border-bottom-color: #e47af3;
bbc:magenta-6
border-bottom-color: #de60f1;
bbc:magenta
border-bottom-color: #d946ef;
bbc:magenta-7
border-bottom-color: #bb3cce;
bbc:magenta-8
border-bottom-color: #9c32ac;
bbc:magenta-9
border-bottom-color: #7e298b;
bbc:magenta-10
border-bottom-color: #5f1f69;
bbc:magenta-11
border-bottom-color: #411548;
bbc:magenta-12
border-bottom-color: #230b26;
bbc:pink-1
border-bottom-color: #fce2ef;
bbc:pink-2
border-bottom-color: #f9c8e0;
bbc:pink-3
border-bottom-color: #f7aed2;
bbc:pink-4
border-bottom-color: #f495c4;
bbc:pink-5
border-bottom-color: #f17bb6;
bbc:pink-6
border-bottom-color: #ef62a7;
bbc:pink
border-bottom-color: #ec4899;
bbc:pink-7
border-bottom-color: #cb3e84;
bbc:pink-8
border-bottom-color: #aa346e;
bbc:pink-9
border-bottom-color: #892a59;
bbc:pink-10
border-bottom-color: #682043;
bbc:pink-11
border-bottom-color: #47162e;
bbc:pink-12
border-bottom-color: #260c18;
bbc:coral-1
border-bottom-color: #ffe8ed;
bbc:coral-2
border-bottom-color: #ffd4de;
bbc:coral-3
border-bottom-color: #ffc0cf;
bbc:coral-4
border-bottom-color: #ffabbf;
bbc:coral-5
border-bottom-color: #ff97b0;
bbc:coral-6
border-bottom-color: #ff83a0;
bbc:coral
border-bottom-color: #ff6f91;
bbc:coral-7
border-bottom-color: #db5f7d;
bbc:coral-8
border-bottom-color: #b85068;
bbc:coral-9
border-bottom-color: #944054;
bbc:coral-10
border-bottom-color: #703140;
bbc:coral-11
border-bottom-color: #4d212c;
bbc:coral-12
border-bottom-color: #291217;
bbc:zinc-1
border-bottom-color: #e3e3e5;
bbc:zinc-2
border-bottom-color: #cbcbce;
bbc:zinc-3
border-bottom-color: #b3b3b7;
bbc:zinc-4
border-bottom-color: #9b9ba0;
bbc:zinc-5
border-bottom-color: #828289;
bbc:zinc-6
border-bottom-color: #6a6a72;
bbc:zinc
border-bottom-color: #52525b;
bbc:zinc-7
border-bottom-color: #47474e;
bbc:zinc-8
border-bottom-color: #3b3b42;
bbc:zinc-9
border-bottom-color: #303035;
bbc:zinc-10
border-bottom-color: #242428;
bbc:zinc-11
border-bottom-color: #19191b;
bbc:zinc-12
border-bottom-color: #0d0d0f;
bbc:gray-1
border-bottom-color: #e7e8eb;
bbc:gray-2
border-bottom-color: #d3d5d9;
bbc:gray-3
border-bottom-color: #bec1c7;
bbc:gray-4
border-bottom-color: #a9adb5;
bbc:gray-5
border-bottom-color: #9499a4;
bbc:gray-6
border-bottom-color: #808692;
bbc:gray
border-bottom-color: #6b7280;
bbc:gray-7
border-bottom-color: #5c626e;
bbc:gray-8
border-bottom-color: #4d525c;
bbc:gray-9
border-bottom-color: #3e424a;
bbc:gray-10
border-bottom-color: #2f3238;
bbc:gray-11
border-bottom-color: #202226;
bbc:gray-12
border-bottom-color: #111214;
bbc:slate-1
border-bottom-color: #e6e9ec;
bbc:slate-2
border-bottom-color: #d1d5dc;
bbc:slate-3
border-bottom-color: #bbc2cc;
bbc:slate-4
border-bottom-color: #a5aebc;
bbc:slate-5
border-bottom-color: #8f9bab;
bbc:slate-6
border-bottom-color: #7a879b;
bbc:slate
border-bottom-color: #64748b;
bbc:slate-7
border-bottom-color: #566478;
bbc:slate-8
border-bottom-color: #485464;
bbc:slate-9
border-bottom-color: #3a4351;
bbc:slate-10
border-bottom-color: #2c333d;
bbc:slate-11
border-bottom-color: #1e232a;
bbc:slate-12
border-bottom-color: #101316;
bbc:silver-1
border-bottom-color: #eff0f2;
bbc:silver-2
border-bottom-color: #e1e3e7;
bbc:silver-3
border-bottom-color: #d3d7dc;
bbc:silver-4
border-bottom-color: #c6cad1;
bbc:silver-5
border-bottom-color: #b8bdc5;
bbc:silver-6
border-bottom-color: #aab0ba;
bbc:silver
border-bottom-color: #9ca3af;
bbc:silver-7
border-bottom-color: #868c97;
bbc:silver-8
border-bottom-color: #70757e;
bbc:silver-9
border-bottom-color: #5a5f66;
bbc:silver-10
border-bottom-color: #45484d;
bbc:silver-11
border-bottom-color: #2f3135;
bbc:silver-12
border-bottom-color: #191a1c;
bbc:black
border-bottom-color: #000000;
bbc:current
border-bottom-color: currentColor;
bbc:transparent
border-bottom-color: transparent;
bbc:white
border-bottom-color: #ffffff;

Border Left Color

blc:red-1
border-left-color: #fbdfe1;
blc:red-2
border-left-color: #f8c4c8;
blc:red-3
border-left-color: #f4a8ae;
blc:red-4
border-left-color: #f18c94;
blc:red-5
border-left-color: #ed707a;
blc:red-6
border-left-color: #ea5560;
blc:red
border-left-color: #e63946;
blc:red-7
border-left-color: #c6313c;
blc:red-8
border-left-color: #a62932;
blc:red-9
border-left-color: #852129;
blc:red-10
border-left-color: #65191f;
blc:red-11
border-left-color: #451115;
blc:red-12
border-left-color: #25090b;
blc:orange-1
border-left-color: #ffe7df;
blc:orange-2
border-left-color: #ffd3c2;
blc:orange-3
border-left-color: #ffbea6;
blc:orange-4
border-left-color: #ffa98a;
blc:orange-5
border-left-color: #ff946e;
blc:orange-6
border-left-color: #ff8051;
blc:orange
border-left-color: #ff6b35;
blc:orange-7
border-left-color: #db5c2e;
blc:orange-8
border-left-color: #b84d26;
blc:orange-9
border-left-color: #943e1f;
blc:orange-10
border-left-color: #702f17;
blc:orange-11
border-left-color: #4d2010;
blc:orange-12
border-left-color: #291108;
blc:yellow-1
border-left-color: #fff4db;
blc:yellow-2
border-left-color: #ffeabb;
blc:yellow-3
border-left-color: #ffe09b;
blc:yellow-4
border-left-color: #ffd67b;
blc:yellow-5
border-left-color: #ffcc5c;
blc:yellow-6
border-left-color: #ffc23c;
blc:yellow
border-left-color: #ffb81c;
blc:yellow-7
border-left-color: #db9e18;
blc:yellow-8
border-left-color: #b88414;
blc:yellow-9
border-left-color: #946b10;
blc:yellow-10
border-left-color: #70510c;
blc:yellow-11
border-left-color: #4d3708;
blc:yellow-12
border-left-color: #291d04;
blc:lime-1
border-left-color: #ebf7da;
blc:lime-2
border-left-color: #daf0b9;
blc:lime-3
border-left-color: #c9e998;
blc:lime-4
border-left-color: #b8e178;
blc:lime-5
border-left-color: #a6da57;
blc:lime-6
border-left-color: #95d337;
blc:lime
border-left-color: #84cc16;
blc:lime-7
border-left-color: #72af13;
blc:lime-8
border-left-color: #5f9310;
blc:lime-9
border-left-color: #4d760d;
blc:lime-10
border-left-color: #3a5a0a;
blc:lime-11
border-left-color: #283d07;
blc:lime-12
border-left-color: #152104;
blc:mint-1
border-left-color: #d9f4eb;
blc:mint-2
border-left-color: #b7ead9;
blc:mint-3
border-left-color: #96e0c8;
blc:mint-4
border-left-color: #74d6b6;
blc:mint-5
border-left-color: #53cda4;
blc:mint-6
border-left-color: #31c393;
blc:mint
border-left-color: #10b981;
blc:mint-7
border-left-color: #0e9f6f;
blc:mint-8
border-left-color: #0c855d;
blc:mint-9
border-left-color: #096b4b;
blc:mint-10
border-left-color: #075139;
blc:mint-11
border-left-color: #053827;
blc:mint-12
border-left-color: #031e15;
blc:green-1
border-left-color: #d7f8f0;
blc:green-2
border-left-color: #b4f3e3;
blc:green-3
border-left-color: #91edd5;
blc:green-4
border-left-color: #6fe7c8;
blc:green-5
border-left-color: #4ce1bb;
blc:green-6
border-left-color: #29dcad;
blc:green
border-left-color: #06d6a0;
blc:green-7
border-left-color: #05b88a;
blc:green-8
border-left-color: #049a73;
blc:green-9
border-left-color: #037c5d;
blc:green-10
border-left-color: #035e46;
blc:green-11
border-left-color: #024030;
blc:green-12
border-left-color: #01221a;
blc:cyan-1
border-left-color: #d7f3f8;
blc:cyan-2
border-left-color: #b4e9f2;
blc:cyan-3
border-left-color: #91dfec;
blc:cyan-4
border-left-color: #6fd5e6;
blc:cyan-5
border-left-color: #4ccae0;
blc:cyan-6
border-left-color: #29c0da;
blc:cyan
border-left-color: #06b6d4;
blc:cyan-7
border-left-color: #059db6;
blc:cyan-8
border-left-color: #048399;
blc:cyan-9
border-left-color: #036a7b;
blc:cyan-10
border-left-color: #03505d;
blc:cyan-11
border-left-color: #023740;
blc:cyan-12
border-left-color: #011d22;
blc:sky-1
border-left-color: #dff4fe;
blc:sky-2
border-left-color: #c3ebfd;
blc:sky-3
border-left-color: #a7e2fc;
blc:sky-4
border-left-color: #8cd9fb;
blc:sky-5
border-left-color: #70cffa;
blc:sky-6
border-left-color: #54c6f9;
blc:sky
border-left-color: #38bdf8;
blc:sky-7
border-left-color: #30a3d5;
blc:sky-8
border-left-color: #2888b3;
blc:sky-9
border-left-color: #206e90;
blc:sky-10
border-left-color: #19536d;
blc:sky-11
border-left-color: #11394a;
blc:sky-12
border-left-color: #091e28;
blc:blue-1
border-left-color: #dce6fc;
blc:blue-2
border-left-color: #bed0f9;
blc:blue-3
border-left-color: #9fbaf6;
blc:blue-4
border-left-color: #81a5f3;
blc:blue-5
border-left-color: #628ff1;
blc:blue-6
border-left-color: #4479ee;
blc:blue
border-left-color: #2563eb;
blc:blue-7
border-left-color: #2055ca;
blc:blue-8
border-left-color: #1b47a9;
blc:blue-9
border-left-color: #153988;
blc:blue-10
border-left-color: #102c67;
blc:blue-11
border-left-color: #0b1e47;
blc:blue-12
border-left-color: #061026;
blc:indigo-1
border-left-color: #e6e7fd;
blc:indigo-2
border-left-color: #d0d1fb;
blc:indigo-3
border-left-color: #babcf9;
blc:indigo-4
border-left-color: #a5a6f7;
blc:indigo-5
border-left-color: #8f91f5;
blc:indigo-6
border-left-color: #797bf3;
blc:indigo
border-left-color: #6366f1;
blc:indigo-7
border-left-color: #5558cf;
blc:indigo-8
border-left-color: #4749ae;
blc:indigo-9
border-left-color: #393b8c;
blc:indigo-10
border-left-color: #2c2d6a;
blc:indigo-11
border-left-color: #1e1f48;
blc:indigo-12
border-left-color: #101027;
blc:violet-1
border-left-color: #ece5fe;
blc:violet-2
border-left-color: #dccefc;
blc:violet-3
border-left-color: #ccb7fb;
blc:violet-4
border-left-color: #bca0fa;
blc:violet-5
border-left-color: #ab8af9;
blc:violet-6
border-left-color: #9b73f7;
blc:violet
border-left-color: #8b5cf6;
blc:violet-7
border-left-color: #784fd4;
blc:violet-8
border-left-color: #6442b1;
blc:violet-9
border-left-color: #51358f;
blc:violet-10
border-left-color: #3d286c;
blc:violet-11
border-left-color: #2a1c4a;
blc:violet-12
border-left-color: #160f27;
blc:lavender-1
border-left-color: #f1ecfe;
blc:lavender-2
border-left-color: #e5dcfe;
blc:lavender-3
border-left-color: #d8ccfd;
blc:lavender-4
border-left-color: #ccbcfc;
blc:lavender-5
border-left-color: #c0abfb;
blc:lavender-6
border-left-color: #b39bfb;
blc:lavender
border-left-color: #a78bfa;
blc:lavender-7
border-left-color: #9078d7;
blc:lavender-8
border-left-color: #7864b4;
blc:lavender-9
border-left-color: #615191;
blc:lavender-10
border-left-color: #493d6e;
blc:lavender-11
border-left-color: #322a4b;
blc:lavender-12
border-left-color: #1b1628;
blc:magenta-1
border-left-color: #f9e1fc;
blc:magenta-2
border-left-color: #f4c8fa;
blc:magenta-3
border-left-color: #eeaef8;
blc:magenta-4
border-left-color: #e994f6;
blc:magenta-5
border-left-color: #e47af3;
blc:magenta-6
border-left-color: #de60f1;
blc:magenta
border-left-color: #d946ef;
blc:magenta-7
border-left-color: #bb3cce;
blc:magenta-8
border-left-color: #9c32ac;
blc:magenta-9
border-left-color: #7e298b;
blc:magenta-10
border-left-color: #5f1f69;
blc:magenta-11
border-left-color: #411548;
blc:magenta-12
border-left-color: #230b26;
blc:pink-1
border-left-color: #fce2ef;
blc:pink-2
border-left-color: #f9c8e0;
blc:pink-3
border-left-color: #f7aed2;
blc:pink-4
border-left-color: #f495c4;
blc:pink-5
border-left-color: #f17bb6;
blc:pink-6
border-left-color: #ef62a7;
blc:pink
border-left-color: #ec4899;
blc:pink-7
border-left-color: #cb3e84;
blc:pink-8
border-left-color: #aa346e;
blc:pink-9
border-left-color: #892a59;
blc:pink-10
border-left-color: #682043;
blc:pink-11
border-left-color: #47162e;
blc:pink-12
border-left-color: #260c18;
blc:coral-1
border-left-color: #ffe8ed;
blc:coral-2
border-left-color: #ffd4de;
blc:coral-3
border-left-color: #ffc0cf;
blc:coral-4
border-left-color: #ffabbf;
blc:coral-5
border-left-color: #ff97b0;
blc:coral-6
border-left-color: #ff83a0;
blc:coral
border-left-color: #ff6f91;
blc:coral-7
border-left-color: #db5f7d;
blc:coral-8
border-left-color: #b85068;
blc:coral-9
border-left-color: #944054;
blc:coral-10
border-left-color: #703140;
blc:coral-11
border-left-color: #4d212c;
blc:coral-12
border-left-color: #291217;
blc:zinc-1
border-left-color: #e3e3e5;
blc:zinc-2
border-left-color: #cbcbce;
blc:zinc-3
border-left-color: #b3b3b7;
blc:zinc-4
border-left-color: #9b9ba0;
blc:zinc-5
border-left-color: #828289;
blc:zinc-6
border-left-color: #6a6a72;
blc:zinc
border-left-color: #52525b;
blc:zinc-7
border-left-color: #47474e;
blc:zinc-8
border-left-color: #3b3b42;
blc:zinc-9
border-left-color: #303035;
blc:zinc-10
border-left-color: #242428;
blc:zinc-11
border-left-color: #19191b;
blc:zinc-12
border-left-color: #0d0d0f;
blc:gray-1
border-left-color: #e7e8eb;
blc:gray-2
border-left-color: #d3d5d9;
blc:gray-3
border-left-color: #bec1c7;
blc:gray-4
border-left-color: #a9adb5;
blc:gray-5
border-left-color: #9499a4;
blc:gray-6
border-left-color: #808692;
blc:gray
border-left-color: #6b7280;
blc:gray-7
border-left-color: #5c626e;
blc:gray-8
border-left-color: #4d525c;
blc:gray-9
border-left-color: #3e424a;
blc:gray-10
border-left-color: #2f3238;
blc:gray-11
border-left-color: #202226;
blc:gray-12
border-left-color: #111214;
blc:slate-1
border-left-color: #e6e9ec;
blc:slate-2
border-left-color: #d1d5dc;
blc:slate-3
border-left-color: #bbc2cc;
blc:slate-4
border-left-color: #a5aebc;
blc:slate-5
border-left-color: #8f9bab;
blc:slate-6
border-left-color: #7a879b;
blc:slate
border-left-color: #64748b;
blc:slate-7
border-left-color: #566478;
blc:slate-8
border-left-color: #485464;
blc:slate-9
border-left-color: #3a4351;
blc:slate-10
border-left-color: #2c333d;
blc:slate-11
border-left-color: #1e232a;
blc:slate-12
border-left-color: #101316;
blc:silver-1
border-left-color: #eff0f2;
blc:silver-2
border-left-color: #e1e3e7;
blc:silver-3
border-left-color: #d3d7dc;
blc:silver-4
border-left-color: #c6cad1;
blc:silver-5
border-left-color: #b8bdc5;
blc:silver-6
border-left-color: #aab0ba;
blc:silver
border-left-color: #9ca3af;
blc:silver-7
border-left-color: #868c97;
blc:silver-8
border-left-color: #70757e;
blc:silver-9
border-left-color: #5a5f66;
blc:silver-10
border-left-color: #45484d;
blc:silver-11
border-left-color: #2f3135;
blc:silver-12
border-left-color: #191a1c;
blc:black
border-left-color: #000000;
blc:current
border-left-color: currentColor;
blc:transparent
border-left-color: transparent;
blc:white
border-left-color: #ffffff;

Border Right Color

brc:red-1
border-right-color: #fbdfe1;
brc:red-2
border-right-color: #f8c4c8;
brc:red-3
border-right-color: #f4a8ae;
brc:red-4
border-right-color: #f18c94;
brc:red-5
border-right-color: #ed707a;
brc:red-6
border-right-color: #ea5560;
brc:red
border-right-color: #e63946;
brc:red-7
border-right-color: #c6313c;
brc:red-8
border-right-color: #a62932;
brc:red-9
border-right-color: #852129;
brc:red-10
border-right-color: #65191f;
brc:red-11
border-right-color: #451115;
brc:red-12
border-right-color: #25090b;
brc:orange-1
border-right-color: #ffe7df;
brc:orange-2
border-right-color: #ffd3c2;
brc:orange-3
border-right-color: #ffbea6;
brc:orange-4
border-right-color: #ffa98a;
brc:orange-5
border-right-color: #ff946e;
brc:orange-6
border-right-color: #ff8051;
brc:orange
border-right-color: #ff6b35;
brc:orange-7
border-right-color: #db5c2e;
brc:orange-8
border-right-color: #b84d26;
brc:orange-9
border-right-color: #943e1f;
brc:orange-10
border-right-color: #702f17;
brc:orange-11
border-right-color: #4d2010;
brc:orange-12
border-right-color: #291108;
brc:yellow-1
border-right-color: #fff4db;
brc:yellow-2
border-right-color: #ffeabb;
brc:yellow-3
border-right-color: #ffe09b;
brc:yellow-4
border-right-color: #ffd67b;
brc:yellow-5
border-right-color: #ffcc5c;
brc:yellow-6
border-right-color: #ffc23c;
brc:yellow
border-right-color: #ffb81c;
brc:yellow-7
border-right-color: #db9e18;
brc:yellow-8
border-right-color: #b88414;
brc:yellow-9
border-right-color: #946b10;
brc:yellow-10
border-right-color: #70510c;
brc:yellow-11
border-right-color: #4d3708;
brc:yellow-12
border-right-color: #291d04;
brc:lime-1
border-right-color: #ebf7da;
brc:lime-2
border-right-color: #daf0b9;
brc:lime-3
border-right-color: #c9e998;
brc:lime-4
border-right-color: #b8e178;
brc:lime-5
border-right-color: #a6da57;
brc:lime-6
border-right-color: #95d337;
brc:lime
border-right-color: #84cc16;
brc:lime-7
border-right-color: #72af13;
brc:lime-8
border-right-color: #5f9310;
brc:lime-9
border-right-color: #4d760d;
brc:lime-10
border-right-color: #3a5a0a;
brc:lime-11
border-right-color: #283d07;
brc:lime-12
border-right-color: #152104;
brc:mint-1
border-right-color: #d9f4eb;
brc:mint-2
border-right-color: #b7ead9;
brc:mint-3
border-right-color: #96e0c8;
brc:mint-4
border-right-color: #74d6b6;
brc:mint-5
border-right-color: #53cda4;
brc:mint-6
border-right-color: #31c393;
brc:mint
border-right-color: #10b981;
brc:mint-7
border-right-color: #0e9f6f;
brc:mint-8
border-right-color: #0c855d;
brc:mint-9
border-right-color: #096b4b;
brc:mint-10
border-right-color: #075139;
brc:mint-11
border-right-color: #053827;
brc:mint-12
border-right-color: #031e15;
brc:green-1
border-right-color: #d7f8f0;
brc:green-2
border-right-color: #b4f3e3;
brc:green-3
border-right-color: #91edd5;
brc:green-4
border-right-color: #6fe7c8;
brc:green-5
border-right-color: #4ce1bb;
brc:green-6
border-right-color: #29dcad;
brc:green
border-right-color: #06d6a0;
brc:green-7
border-right-color: #05b88a;
brc:green-8
border-right-color: #049a73;
brc:green-9
border-right-color: #037c5d;
brc:green-10
border-right-color: #035e46;
brc:green-11
border-right-color: #024030;
brc:green-12
border-right-color: #01221a;
brc:cyan-1
border-right-color: #d7f3f8;
brc:cyan-2
border-right-color: #b4e9f2;
brc:cyan-3
border-right-color: #91dfec;
brc:cyan-4
border-right-color: #6fd5e6;
brc:cyan-5
border-right-color: #4ccae0;
brc:cyan-6
border-right-color: #29c0da;
brc:cyan
border-right-color: #06b6d4;
brc:cyan-7
border-right-color: #059db6;
brc:cyan-8
border-right-color: #048399;
brc:cyan-9
border-right-color: #036a7b;
brc:cyan-10
border-right-color: #03505d;
brc:cyan-11
border-right-color: #023740;
brc:cyan-12
border-right-color: #011d22;
brc:sky-1
border-right-color: #dff4fe;
brc:sky-2
border-right-color: #c3ebfd;
brc:sky-3
border-right-color: #a7e2fc;
brc:sky-4
border-right-color: #8cd9fb;
brc:sky-5
border-right-color: #70cffa;
brc:sky-6
border-right-color: #54c6f9;
brc:sky
border-right-color: #38bdf8;
brc:sky-7
border-right-color: #30a3d5;
brc:sky-8
border-right-color: #2888b3;
brc:sky-9
border-right-color: #206e90;
brc:sky-10
border-right-color: #19536d;
brc:sky-11
border-right-color: #11394a;
brc:sky-12
border-right-color: #091e28;
brc:blue-1
border-right-color: #dce6fc;
brc:blue-2
border-right-color: #bed0f9;
brc:blue-3
border-right-color: #9fbaf6;
brc:blue-4
border-right-color: #81a5f3;
brc:blue-5
border-right-color: #628ff1;
brc:blue-6
border-right-color: #4479ee;
brc:blue
border-right-color: #2563eb;
brc:blue-7
border-right-color: #2055ca;
brc:blue-8
border-right-color: #1b47a9;
brc:blue-9
border-right-color: #153988;
brc:blue-10
border-right-color: #102c67;
brc:blue-11
border-right-color: #0b1e47;
brc:blue-12
border-right-color: #061026;
brc:indigo-1
border-right-color: #e6e7fd;
brc:indigo-2
border-right-color: #d0d1fb;
brc:indigo-3
border-right-color: #babcf9;
brc:indigo-4
border-right-color: #a5a6f7;
brc:indigo-5
border-right-color: #8f91f5;
brc:indigo-6
border-right-color: #797bf3;
brc:indigo
border-right-color: #6366f1;
brc:indigo-7
border-right-color: #5558cf;
brc:indigo-8
border-right-color: #4749ae;
brc:indigo-9
border-right-color: #393b8c;
brc:indigo-10
border-right-color: #2c2d6a;
brc:indigo-11
border-right-color: #1e1f48;
brc:indigo-12
border-right-color: #101027;
brc:violet-1
border-right-color: #ece5fe;
brc:violet-2
border-right-color: #dccefc;
brc:violet-3
border-right-color: #ccb7fb;
brc:violet-4
border-right-color: #bca0fa;
brc:violet-5
border-right-color: #ab8af9;
brc:violet-6
border-right-color: #9b73f7;
brc:violet
border-right-color: #8b5cf6;
brc:violet-7
border-right-color: #784fd4;
brc:violet-8
border-right-color: #6442b1;
brc:violet-9
border-right-color: #51358f;
brc:violet-10
border-right-color: #3d286c;
brc:violet-11
border-right-color: #2a1c4a;
brc:violet-12
border-right-color: #160f27;
brc:lavender-1
border-right-color: #f1ecfe;
brc:lavender-2
border-right-color: #e5dcfe;
brc:lavender-3
border-right-color: #d8ccfd;
brc:lavender-4
border-right-color: #ccbcfc;
brc:lavender-5
border-right-color: #c0abfb;
brc:lavender-6
border-right-color: #b39bfb;
brc:lavender
border-right-color: #a78bfa;
brc:lavender-7
border-right-color: #9078d7;
brc:lavender-8
border-right-color: #7864b4;
brc:lavender-9
border-right-color: #615191;
brc:lavender-10
border-right-color: #493d6e;
brc:lavender-11
border-right-color: #322a4b;
brc:lavender-12
border-right-color: #1b1628;
brc:magenta-1
border-right-color: #f9e1fc;
brc:magenta-2
border-right-color: #f4c8fa;
brc:magenta-3
border-right-color: #eeaef8;
brc:magenta-4
border-right-color: #e994f6;
brc:magenta-5
border-right-color: #e47af3;
brc:magenta-6
border-right-color: #de60f1;
brc:magenta
border-right-color: #d946ef;
brc:magenta-7
border-right-color: #bb3cce;
brc:magenta-8
border-right-color: #9c32ac;
brc:magenta-9
border-right-color: #7e298b;
brc:magenta-10
border-right-color: #5f1f69;
brc:magenta-11
border-right-color: #411548;
brc:magenta-12
border-right-color: #230b26;
brc:pink-1
border-right-color: #fce2ef;
brc:pink-2
border-right-color: #f9c8e0;
brc:pink-3
border-right-color: #f7aed2;
brc:pink-4
border-right-color: #f495c4;
brc:pink-5
border-right-color: #f17bb6;
brc:pink-6
border-right-color: #ef62a7;
brc:pink
border-right-color: #ec4899;
brc:pink-7
border-right-color: #cb3e84;
brc:pink-8
border-right-color: #aa346e;
brc:pink-9
border-right-color: #892a59;
brc:pink-10
border-right-color: #682043;
brc:pink-11
border-right-color: #47162e;
brc:pink-12
border-right-color: #260c18;
brc:coral-1
border-right-color: #ffe8ed;
brc:coral-2
border-right-color: #ffd4de;
brc:coral-3
border-right-color: #ffc0cf;
brc:coral-4
border-right-color: #ffabbf;
brc:coral-5
border-right-color: #ff97b0;
brc:coral-6
border-right-color: #ff83a0;
brc:coral
border-right-color: #ff6f91;
brc:coral-7
border-right-color: #db5f7d;
brc:coral-8
border-right-color: #b85068;
brc:coral-9
border-right-color: #944054;
brc:coral-10
border-right-color: #703140;
brc:coral-11
border-right-color: #4d212c;
brc:coral-12
border-right-color: #291217;
brc:zinc-1
border-right-color: #e3e3e5;
brc:zinc-2
border-right-color: #cbcbce;
brc:zinc-3
border-right-color: #b3b3b7;
brc:zinc-4
border-right-color: #9b9ba0;
brc:zinc-5
border-right-color: #828289;
brc:zinc-6
border-right-color: #6a6a72;
brc:zinc
border-right-color: #52525b;
brc:zinc-7
border-right-color: #47474e;
brc:zinc-8
border-right-color: #3b3b42;
brc:zinc-9
border-right-color: #303035;
brc:zinc-10
border-right-color: #242428;
brc:zinc-11
border-right-color: #19191b;
brc:zinc-12
border-right-color: #0d0d0f;
brc:gray-1
border-right-color: #e7e8eb;
brc:gray-2
border-right-color: #d3d5d9;
brc:gray-3
border-right-color: #bec1c7;
brc:gray-4
border-right-color: #a9adb5;
brc:gray-5
border-right-color: #9499a4;
brc:gray-6
border-right-color: #808692;
brc:gray
border-right-color: #6b7280;
brc:gray-7
border-right-color: #5c626e;
brc:gray-8
border-right-color: #4d525c;
brc:gray-9
border-right-color: #3e424a;
brc:gray-10
border-right-color: #2f3238;
brc:gray-11
border-right-color: #202226;
brc:gray-12
border-right-color: #111214;
brc:slate-1
border-right-color: #e6e9ec;
brc:slate-2
border-right-color: #d1d5dc;
brc:slate-3
border-right-color: #bbc2cc;
brc:slate-4
border-right-color: #a5aebc;
brc:slate-5
border-right-color: #8f9bab;
brc:slate-6
border-right-color: #7a879b;
brc:slate
border-right-color: #64748b;
brc:slate-7
border-right-color: #566478;
brc:slate-8
border-right-color: #485464;
brc:slate-9
border-right-color: #3a4351;
brc:slate-10
border-right-color: #2c333d;
brc:slate-11
border-right-color: #1e232a;
brc:slate-12
border-right-color: #101316;
brc:silver-1
border-right-color: #eff0f2;
brc:silver-2
border-right-color: #e1e3e7;
brc:silver-3
border-right-color: #d3d7dc;
brc:silver-4
border-right-color: #c6cad1;
brc:silver-5
border-right-color: #b8bdc5;
brc:silver-6
border-right-color: #aab0ba;
brc:silver
border-right-color: #9ca3af;
brc:silver-7
border-right-color: #868c97;
brc:silver-8
border-right-color: #70757e;
brc:silver-9
border-right-color: #5a5f66;
brc:silver-10
border-right-color: #45484d;
brc:silver-11
border-right-color: #2f3135;
brc:silver-12
border-right-color: #191a1c;
brc:black
border-right-color: #000000;
brc:current
border-right-color: currentColor;
brc:transparent
border-right-color: transparent;
brc:white
border-right-color: #ffffff;

Border Top Color

btc:red-1
border-top-color: #fbdfe1;
btc:red-2
border-top-color: #f8c4c8;
btc:red-3
border-top-color: #f4a8ae;
btc:red-4
border-top-color: #f18c94;
btc:red-5
border-top-color: #ed707a;
btc:red-6
border-top-color: #ea5560;
btc:red
border-top-color: #e63946;
btc:red-7
border-top-color: #c6313c;
btc:red-8
border-top-color: #a62932;
btc:red-9
border-top-color: #852129;
btc:red-10
border-top-color: #65191f;
btc:red-11
border-top-color: #451115;
btc:red-12
border-top-color: #25090b;
btc:orange-1
border-top-color: #ffe7df;
btc:orange-2
border-top-color: #ffd3c2;
btc:orange-3
border-top-color: #ffbea6;
btc:orange-4
border-top-color: #ffa98a;
btc:orange-5
border-top-color: #ff946e;
btc:orange-6
border-top-color: #ff8051;
btc:orange
border-top-color: #ff6b35;
btc:orange-7
border-top-color: #db5c2e;
btc:orange-8
border-top-color: #b84d26;
btc:orange-9
border-top-color: #943e1f;
btc:orange-10
border-top-color: #702f17;
btc:orange-11
border-top-color: #4d2010;
btc:orange-12
border-top-color: #291108;
btc:yellow-1
border-top-color: #fff4db;
btc:yellow-2
border-top-color: #ffeabb;
btc:yellow-3
border-top-color: #ffe09b;
btc:yellow-4
border-top-color: #ffd67b;
btc:yellow-5
border-top-color: #ffcc5c;
btc:yellow-6
border-top-color: #ffc23c;
btc:yellow
border-top-color: #ffb81c;
btc:yellow-7
border-top-color: #db9e18;
btc:yellow-8
border-top-color: #b88414;
btc:yellow-9
border-top-color: #946b10;
btc:yellow-10
border-top-color: #70510c;
btc:yellow-11
border-top-color: #4d3708;
btc:yellow-12
border-top-color: #291d04;
btc:lime-1
border-top-color: #ebf7da;
btc:lime-2
border-top-color: #daf0b9;
btc:lime-3
border-top-color: #c9e998;
btc:lime-4
border-top-color: #b8e178;
btc:lime-5
border-top-color: #a6da57;
btc:lime-6
border-top-color: #95d337;
btc:lime
border-top-color: #84cc16;
btc:lime-7
border-top-color: #72af13;
btc:lime-8
border-top-color: #5f9310;
btc:lime-9
border-top-color: #4d760d;
btc:lime-10
border-top-color: #3a5a0a;
btc:lime-11
border-top-color: #283d07;
btc:lime-12
border-top-color: #152104;
btc:mint-1
border-top-color: #d9f4eb;
btc:mint-2
border-top-color: #b7ead9;
btc:mint-3
border-top-color: #96e0c8;
btc:mint-4
border-top-color: #74d6b6;
btc:mint-5
border-top-color: #53cda4;
btc:mint-6
border-top-color: #31c393;
btc:mint
border-top-color: #10b981;
btc:mint-7
border-top-color: #0e9f6f;
btc:mint-8
border-top-color: #0c855d;
btc:mint-9
border-top-color: #096b4b;
btc:mint-10
border-top-color: #075139;
btc:mint-11
border-top-color: #053827;
btc:mint-12
border-top-color: #031e15;
btc:green-1
border-top-color: #d7f8f0;
btc:green-2
border-top-color: #b4f3e3;
btc:green-3
border-top-color: #91edd5;
btc:green-4
border-top-color: #6fe7c8;
btc:green-5
border-top-color: #4ce1bb;
btc:green-6
border-top-color: #29dcad;
btc:green
border-top-color: #06d6a0;
btc:green-7
border-top-color: #05b88a;
btc:green-8
border-top-color: #049a73;
btc:green-9
border-top-color: #037c5d;
btc:green-10
border-top-color: #035e46;
btc:green-11
border-top-color: #024030;
btc:green-12
border-top-color: #01221a;
btc:cyan-1
border-top-color: #d7f3f8;
btc:cyan-2
border-top-color: #b4e9f2;
btc:cyan-3
border-top-color: #91dfec;
btc:cyan-4
border-top-color: #6fd5e6;
btc:cyan-5
border-top-color: #4ccae0;
btc:cyan-6
border-top-color: #29c0da;
btc:cyan
border-top-color: #06b6d4;
btc:cyan-7
border-top-color: #059db6;
btc:cyan-8
border-top-color: #048399;
btc:cyan-9
border-top-color: #036a7b;
btc:cyan-10
border-top-color: #03505d;
btc:cyan-11
border-top-color: #023740;
btc:cyan-12
border-top-color: #011d22;
btc:sky-1
border-top-color: #dff4fe;
btc:sky-2
border-top-color: #c3ebfd;
btc:sky-3
border-top-color: #a7e2fc;
btc:sky-4
border-top-color: #8cd9fb;
btc:sky-5
border-top-color: #70cffa;
btc:sky-6
border-top-color: #54c6f9;
btc:sky
border-top-color: #38bdf8;
btc:sky-7
border-top-color: #30a3d5;
btc:sky-8
border-top-color: #2888b3;
btc:sky-9
border-top-color: #206e90;
btc:sky-10
border-top-color: #19536d;
btc:sky-11
border-top-color: #11394a;
btc:sky-12
border-top-color: #091e28;
btc:blue-1
border-top-color: #dce6fc;
btc:blue-2
border-top-color: #bed0f9;
btc:blue-3
border-top-color: #9fbaf6;
btc:blue-4
border-top-color: #81a5f3;
btc:blue-5
border-top-color: #628ff1;
btc:blue-6
border-top-color: #4479ee;
btc:blue
border-top-color: #2563eb;
btc:blue-7
border-top-color: #2055ca;
btc:blue-8
border-top-color: #1b47a9;
btc:blue-9
border-top-color: #153988;
btc:blue-10
border-top-color: #102c67;
btc:blue-11
border-top-color: #0b1e47;
btc:blue-12
border-top-color: #061026;
btc:indigo-1
border-top-color: #e6e7fd;
btc:indigo-2
border-top-color: #d0d1fb;
btc:indigo-3
border-top-color: #babcf9;
btc:indigo-4
border-top-color: #a5a6f7;
btc:indigo-5
border-top-color: #8f91f5;
btc:indigo-6
border-top-color: #797bf3;
btc:indigo
border-top-color: #6366f1;
btc:indigo-7
border-top-color: #5558cf;
btc:indigo-8
border-top-color: #4749ae;
btc:indigo-9
border-top-color: #393b8c;
btc:indigo-10
border-top-color: #2c2d6a;
btc:indigo-11
border-top-color: #1e1f48;
btc:indigo-12
border-top-color: #101027;
btc:violet-1
border-top-color: #ece5fe;
btc:violet-2
border-top-color: #dccefc;
btc:violet-3
border-top-color: #ccb7fb;
btc:violet-4
border-top-color: #bca0fa;
btc:violet-5
border-top-color: #ab8af9;
btc:violet-6
border-top-color: #9b73f7;
btc:violet
border-top-color: #8b5cf6;
btc:violet-7
border-top-color: #784fd4;
btc:violet-8
border-top-color: #6442b1;
btc:violet-9
border-top-color: #51358f;
btc:violet-10
border-top-color: #3d286c;
btc:violet-11
border-top-color: #2a1c4a;
btc:violet-12
border-top-color: #160f27;
btc:lavender-1
border-top-color: #f1ecfe;
btc:lavender-2
border-top-color: #e5dcfe;
btc:lavender-3
border-top-color: #d8ccfd;
btc:lavender-4
border-top-color: #ccbcfc;
btc:lavender-5
border-top-color: #c0abfb;
btc:lavender-6
border-top-color: #b39bfb;
btc:lavender
border-top-color: #a78bfa;
btc:lavender-7
border-top-color: #9078d7;
btc:lavender-8
border-top-color: #7864b4;
btc:lavender-9
border-top-color: #615191;
btc:lavender-10
border-top-color: #493d6e;
btc:lavender-11
border-top-color: #322a4b;
btc:lavender-12
border-top-color: #1b1628;
btc:magenta-1
border-top-color: #f9e1fc;
btc:magenta-2
border-top-color: #f4c8fa;
btc:magenta-3
border-top-color: #eeaef8;
btc:magenta-4
border-top-color: #e994f6;
btc:magenta-5
border-top-color: #e47af3;
btc:magenta-6
border-top-color: #de60f1;
btc:magenta
border-top-color: #d946ef;
btc:magenta-7
border-top-color: #bb3cce;
btc:magenta-8
border-top-color: #9c32ac;
btc:magenta-9
border-top-color: #7e298b;
btc:magenta-10
border-top-color: #5f1f69;
btc:magenta-11
border-top-color: #411548;
btc:magenta-12
border-top-color: #230b26;
btc:pink-1
border-top-color: #fce2ef;
btc:pink-2
border-top-color: #f9c8e0;
btc:pink-3
border-top-color: #f7aed2;
btc:pink-4
border-top-color: #f495c4;
btc:pink-5
border-top-color: #f17bb6;
btc:pink-6
border-top-color: #ef62a7;
btc:pink
border-top-color: #ec4899;
btc:pink-7
border-top-color: #cb3e84;
btc:pink-8
border-top-color: #aa346e;
btc:pink-9
border-top-color: #892a59;
btc:pink-10
border-top-color: #682043;
btc:pink-11
border-top-color: #47162e;
btc:pink-12
border-top-color: #260c18;
btc:coral-1
border-top-color: #ffe8ed;
btc:coral-2
border-top-color: #ffd4de;
btc:coral-3
border-top-color: #ffc0cf;
btc:coral-4
border-top-color: #ffabbf;
btc:coral-5
border-top-color: #ff97b0;
btc:coral-6
border-top-color: #ff83a0;
btc:coral
border-top-color: #ff6f91;
btc:coral-7
border-top-color: #db5f7d;
btc:coral-8
border-top-color: #b85068;
btc:coral-9
border-top-color: #944054;
btc:coral-10
border-top-color: #703140;
btc:coral-11
border-top-color: #4d212c;
btc:coral-12
border-top-color: #291217;
btc:zinc-1
border-top-color: #e3e3e5;
btc:zinc-2
border-top-color: #cbcbce;
btc:zinc-3
border-top-color: #b3b3b7;
btc:zinc-4
border-top-color: #9b9ba0;
btc:zinc-5
border-top-color: #828289;
btc:zinc-6
border-top-color: #6a6a72;
btc:zinc
border-top-color: #52525b;
btc:zinc-7
border-top-color: #47474e;
btc:zinc-8
border-top-color: #3b3b42;
btc:zinc-9
border-top-color: #303035;
btc:zinc-10
border-top-color: #242428;
btc:zinc-11
border-top-color: #19191b;
btc:zinc-12
border-top-color: #0d0d0f;
btc:gray-1
border-top-color: #e7e8eb;
btc:gray-2
border-top-color: #d3d5d9;
btc:gray-3
border-top-color: #bec1c7;
btc:gray-4
border-top-color: #a9adb5;
btc:gray-5
border-top-color: #9499a4;
btc:gray-6
border-top-color: #808692;
btc:gray
border-top-color: #6b7280;
btc:gray-7
border-top-color: #5c626e;
btc:gray-8
border-top-color: #4d525c;
btc:gray-9
border-top-color: #3e424a;
btc:gray-10
border-top-color: #2f3238;
btc:gray-11
border-top-color: #202226;
btc:gray-12
border-top-color: #111214;
btc:slate-1
border-top-color: #e6e9ec;
btc:slate-2
border-top-color: #d1d5dc;
btc:slate-3
border-top-color: #bbc2cc;
btc:slate-4
border-top-color: #a5aebc;
btc:slate-5
border-top-color: #8f9bab;
btc:slate-6
border-top-color: #7a879b;
btc:slate
border-top-color: #64748b;
btc:slate-7
border-top-color: #566478;
btc:slate-8
border-top-color: #485464;
btc:slate-9
border-top-color: #3a4351;
btc:slate-10
border-top-color: #2c333d;
btc:slate-11
border-top-color: #1e232a;
btc:slate-12
border-top-color: #101316;
btc:silver-1
border-top-color: #eff0f2;
btc:silver-2
border-top-color: #e1e3e7;
btc:silver-3
border-top-color: #d3d7dc;
btc:silver-4
border-top-color: #c6cad1;
btc:silver-5
border-top-color: #b8bdc5;
btc:silver-6
border-top-color: #aab0ba;
btc:silver
border-top-color: #9ca3af;
btc:silver-7
border-top-color: #868c97;
btc:silver-8
border-top-color: #70757e;
btc:silver-9
border-top-color: #5a5f66;
btc:silver-10
border-top-color: #45484d;
btc:silver-11
border-top-color: #2f3135;
btc:silver-12
border-top-color: #191a1c;
btc:black
border-top-color: #000000;
btc:current
border-top-color: currentColor;
btc:transparent
border-top-color: transparent;
btc:white
border-top-color: #ffffff;

Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

Opacity Modifiers

Adjust color transparency by appending an opacity suffix.