Meta tags:
description= Utilities for controlling the color of an element s outline.;
Headings (most frequently used words):
tailwind, css, resources, plus, community, outline, color, examples, customizing, your, theme, getting, started, core, concepts, base, styles, layout, flexbox, grid, spacing, sizing, typography, backgrounds, borders, effects, filters, tables, transitions, animation, transforms, interactivity, svg, accessibility, basic, example, changing, the, opacity, using, custom, value, responsive, design, on, this, page,
Text of the page (most frequently used words):
#outline (632), color (604), var (291), oklch (286), 500 (65), 100 (55), 400 (53), 200 (53), 950 (52), 900 (52), 800 (52), 700 (52), 600 (52), 300 (52), blue (34), button (24), pink (24), cyan (24), lime (23), rose (23), taupe (22), mist (22), olive (22), mauve (22), stone (22), neutral (22), zinc (22), gray (22), slate (22), fuchsia (22), purple (22), violet (22), indigo (22), sky (22), teal (22), emerald (22), green (22), yellow (22), amber (22), orange (22), red (22), the (16), class (11), text (11), size (10), style (9), mask (9), background (9), custom (8), width (8), div (8), font (8), grid (8), theme (7), 106 (7), 325 (7), 293 (7), tailwind (6), value (6), opacity (6), 014 (6), 005 (6), 006 (6), 107 (6), 013 (6), 286 (6), 264 (6), scroll (6), align (6), border (6), flex (6), documentation (5), your (5), use (5), property (5), offset (5), 016 (5), 007 (5), 002 (5), 003 (5), 322 (5), 285 (5), 265 (5), transition (5), position (5), break (5), decoration (5), css (4), utility (4), and (4), for (4), 004 (4), 011 (4), 017 (4), 021 (4), 223 (4), 216 (4), 213 (4), 214 (4), 323 (4), 321 (4), 034 (4), 259 (4), 717 (4), 001 (4), 188 (4), 277 (4), 128 (4), 163 (4), borders (4), transform (4), origin (4), mode (4), content (4), height (4), max (4), min (4), community (3), kit (3), templates (3), plus (3), showcase (3), blog (3), playground (3), customizing (3), responsive (3), design (3), using (3), more (3), regal (3), variables (3), utilities (3), element (3), 015 (3), 031 (3), 019 (3), 029 (3), 071 (3), 033 (3), 256 (3), 022 (3), 247 (3), 042 (3), 257 (3), 281 (3), 105 (3), 272 (3), 697 (3), 935 (3), 058 (3), 018 (3), 318 (3), 149 (3), 063 (3), 292 (3), 111 (3), 182 (3), 254 (3), 157 (3), 154 (3), 152 (3), 180 (3), 051 (3), 095 (3), 164 (3), 131 (3), white (3), styles (3), snap (3), type (3), scrollbar (3), behavior (3), sizing (3), rotate (3), spacing (3), shadow (3), image (3), box (3), overflow (3), wrap (3), line (3), list (3), block (3), inline (3), place (3), self (3), items (3), justify (3), auto (3), columns (3), discord (2), github (2), hero (2), patterns (2), heroicons (2), headless (2), refactoring (2), resources (2), blocks (2), sponsor (2), changing (2), basic (2), example (2), examples (2), this (2), learn (2), about (2), can (2), 243c5a (2), variants (2), with (2), variant (2), like (2), function (2), you (2), syntax (2), control (2), 009 (2), 008 (2), 219 (2), 197 (2), 023 (2), 320 (2), 043 (2), 366 (2), 067 (2), 028 (2), 261 (2), 665 (2), 258 (2), 695 (2), 041 (2), 044 (2), 046 (2), 788 (2), 255 (2), 896 (2), 222 (2), 253 (2), 585 (2), 194 (2), 117 (2), 638 (2), 109 (2), 907 (2), 815 (2), 241 (2), 308 (2), 343 (2), 661 (2), 612 (2), 211 (2), 238 (2), 145 (2), 076 (2), 302 (2), 304 (2), 303 (2), 288 (2), 203 (2), 119 (2), 306 (2), 141 (2), 189 (2), 232 (2), 183 (2), 571 (2), 283 (2), 195 (2), 262 (2), 276 (2), 966 (2), 233 (2), 274 (2), 065 (2), 199 (2), 243 (2), 245 (2), 165 (2), 813 (2), 059 (2), 032 (2), 604 (2), 066 (2), 240 (2), 169 (2), 237 (2), 230 (2), 026 (2), 236 (2), 126 (2), 221 (2), 723 (2), 143 (2), 127 (2), 078 (2), 096 (2), 118 (2), 184 (2), 181 (2), 172 (2), 077 (2), 166 (2), 162 (2), 177 (2), 934 (2), 151 (2), 328 (2), 155 (2), 101 (2), 124 (2), 130 (2), 684 (2), 114 (2), black (2), transparent (2), inherit (2), stroke (2), padding (2), margin (2), perspective (2), visibility (2), animation (2), layout (2), sepia (2), saturate (2), invert (2), hue (2), grayscale (2), contrast (2), brightness (2), blur (2), filter (2), repeat (2), clip (2), blend (2), rows (2), template (2), object (2), classes (2), trademark, policy, copyright, 2026, labs, inc, quick, reference, page, now, used, markup, customize, project, prefix, breakpoint, only, apply, medium, screen, sizes, above, just, shorthand, that, adds, automatically, also, set, based, completely, modifier, show, 228, 025, 326, 024, 012, 298, 558, 639, 424, 423, 823, 885, 805, 786, 938, 375, 692, 848, 733, 802, 027, 364, 338, 531, 542, 839, 755, 260, 287, 417, 252, 894, 508, 858, 094, 159, 246, 439, 428, 422, 153, 432, 187, 958, 249, 584, 354, 202, 349, 761, 346, 061, 231, 342, 198, 136, 324, 591, 949, 295, 434, 319, 037, 852, 176, 987, 218, 724, 301, 924, 305, 504, 383, 703, 307, 174, 299, 291, 089, 745, 759, 581, 541, 057, 294, 588, 756, 144, 278, 115, 713, 039, 314, 091, 267, 146, 522, 376, 881, 624, 251, 876, 134, 242, 749, 158, 902, 824, 056, 229, 227, 392, 085, 224, 215, 207, 205, 045, 388, 873, 192, 524, 416, 186, 391, 704, 503, 912, 138, 426, 801, 552, 168, 913, 225, 978, 093, 052, 113, 535, 150, 069, 579, 209, 711, 449, 084, 995, 156, 743, 826, 072, 132, 933, 589, 196, 122, 120, 757, 708, 135, 442, 834, 047, 936, 129, 103, 193, 102, 212, 635, 112, 904, 137, 201, 998, 179, 429, 605, 746, 617, 079, 123, 402, 116, 038, 092, 899, 518, 331, 191, 062, 334, fff, 000, currentcolor, current, controlling, forced, adjust, accessibility, fill, svg, will, change, user, select, touch, action, stop, gutter, resize, pointer, events, field, cursor, scheme, caret, appearance, accent, interactivity, zoom, translate, skew, scale, backface, transforms, delay, timing, duration, transitions, caption, side, table, collapse, tables, backdrop, drop, filters, composite, mix, effects, radius, attachment, backgrounds, hyphens, word, space, vertical, tab, indent, underline, thickness, clamp, letter, feature, settings, numeric, stretch, weight, smoothing, family, typography, gap, flow, row, column, order, shrink, grow, direction, basis, flexbox, index, top, right, bottom, left, overscroll, fit, isolation, clear, float, display, inside, before, after, aspect, ratio, preflight, base, functions, directives, detecting, source, files, adding, colors, dark, hover, focus, other, states, styling, core, concepts, upgrade, guide, compatibility, editor, setup, installation, getting, started, new, course, components, partners, docs, ctrl,
Text of the page (random words):
var color blue 200 oklch 88 2 0 059 254 128 outline blue 300 outline color var color blue 300 oklch 80 9 0 105 251 813 outline blue 400 outline color var color blue 400 oklch 70 7 0 165 254 624 outline blue 500 outline color var color blue 500 oklch 62 3 0 214 259 815 outline blue 600 outline color var color blue 600 oklch 54 6 0 245 262 881 outline blue 700 outline color var color blue 700 oklch 48 8 0 243 264 376 outline blue 800 outline color var color blue 800 oklch 42 4 0 199 265 638 outline blue 900 outline color var color blue 900 oklch 37 9 0 146 265 522 outline blue 950 outline color var color blue 950 oklch 28 2 0 091 267 935 outline indigo 50 outline color var color indigo 50 oklch 96 2 0 018 272 314 outline indigo 100 outline color var color indigo 100 oklch 93 0 034 272 788 outline indigo 200 outline color var color indigo 200 oklch 87 0 065 274 039 outline indigo 300 outline color var color indigo 300 oklch 78 5 0 115 274 713 outline indigo 400 outline color var color indigo 400 oklch 67 3 0 182 276 935 outline indigo 500 outline color var color indigo 500 oklch 58 5 0 233 277 117 outline indigo 600 outline color var color indigo 600 oklch 51 1 0 262 276 966 outline indigo 700 outline color var color indigo 700 oklch 45 7 0 24 277 023 outline indigo 800 outline color var color indigo 800 oklch 39 8 0 195 277 366 outline indigo 900 outline color var color indigo 900 oklch 35 9 0 144 278 697 outline indigo 950 outline color var color indigo 950 oklch 25 7 0 09 281 288 outline violet 50 outline color var color violet 50 oklch 96 9 0 016 293 756 outline violet 100 outline color var color violet 100 oklch 94 3 0 029 294 588 outline violet 200 outline color var color violet 200 oklch 89 4 0 057 293 283 outline violet 300 outline color var color violet 300 oklch 81 1 0 111 293 571 outline violet 400 outline color var color violet 400 oklch 70 2 0 183 293 541 outline violet 500 outline color var color violet 500 oklch 60 6 0 25 292 717 outline violet 600 outline color var color violet 600 oklch 54 1 0 281 293 009 outline violet 700 outline color var color violet 700 oklch 49 1 0 27 292 581 outline violet 800 outline color var color violet 800 oklch 43 2 0 232 292 759 outline violet 900 outline color var color violet 900 oklch 38 0 189 293 745 outline violet 950 outline color var color violet 950 oklch 28 3 0 141 291 089 outline purple 50 outline color var color purple 50 oklch 97 7 0 014 308 299 outline purple 100 outline color var color purple 100 oklch 94 6 0 033 307 174 outline purple 200 outline color var color purple 200 oklch 90 2 0 063 306 703 outline purple 300 outline color var color purple 300 oklch 82 7 0 119 306 383 outline purple 400 outline color var color purple 400 oklch 71 4 0 203 305 504 outline purple 500 outline color var color purple 500 oklch 62 7 0 265 303 9 outline purple 600 outline color var color purple 600 oklch 55 8 0 288 302 321 outline purple 700 outline color var color purple 700 oklch 49 6 0 265 301 924 outline purple 800 outline color var color purple 800 oklch 43 8 0 218 303 724 outline purple 900 outline color var color purple 900 oklch 38 1 0 176 304 987 outline purple 950 outline color var color purple 950 oklch 29 1 0 149 302 717 outline fuchsia 50 outline color var color fuchsia 50 oklch 97 7 0 017 320 058 outline fuchsia 100 outline color var color fuchsia 100 oklch 95 2 0 037 318 852 outline fuchsia 200 outline color var color fuchsia 200 oklch 90 3 0 076 319 62 outline fuchsia 300 outline color var color fuchsia 300 oklch 83 3 0 145 321 434 outline fuchsia 400 outline color var color fuchsia 400 oklch 74 0 238 322 16 outline fuchsia 500 outline color var color fuchsia 500 oklch 66 7 0 295 322 15 outline fuchsia 600 outline color var color fuchsia 600 oklch 59 1 0 293 322 896 outline fuchsia 700 outline color var color fuchsia 700 oklch 51 8 0 253 323 949 outline fuchsia 800 outline color var color fuchsia 800 oklch 45 2 0 211 324 591 outline fuchsia 900 outline color var color fuchsia 900 oklch 40 1 0 17 325 612 outline fuchsia 950 outline color var color fuchsia 950 oklch 29 3 0 136 325 661 outline pink 50 outline color var color pink 50 oklch 97 1 0 014 343 198 outline pink 100 outline color var color pink 100 oklch 94 8 0 028 342 258 outline pink 200 outline color var color pink 200 oklch 89 9 0 061 343 231 outline pink 300 outline color var color pink 300 oklch 82 3 0 12 346 018 outline pink 400 outline color var color pink 400 oklch 71 8 0 202 349 761 outline pink 500 outline color var color pink 500 oklch 65 6 0 241 354 308 outline pink 600 outline color var color pink 600 oklch 59 2 0 249 0 584 outline pink 700 outline color var color pink 700 oklch 52 5 0 223 3 958 outline pink 800 outline color var color pink 800 oklch 45 9 0 187 3 815 outline pink 900 outline color var color pink 900 oklch 40 8 0 153 2 432 outline pink 950 outline color var color pink 950 oklch 28 4 0 109 3 907 outline rose 50 outline color var color rose 50 oklch 96 9 0 015 12 422 outline rose 100 outline color var color rose 100 oklch 94 1 0 03 12 58 outline rose 200 outline color var color rose 200 oklch 89 2 0 058 10 001 outline rose 300 outline color var color rose 300 oklch 81 0 117 11 638 outline rose 400 outline color var color rose 400 oklch 71 2 0 194 13 428 outline rose 500 outline color var color rose 500 oklch 64 5 0 246 16 439 outline rose 600 outline color var color rose 600 oklch 58 6 0 253 17 585 outline rose 700 outline color var color rose 700 oklch 51 4 0 222 16 935 outline rose 800 outline color var color rose 800 oklch 45 5 0 188 13 697 outline rose 900 outline color var color rose 900 oklch 41 0 159 10 272 outline rose 950 outline color var color rose 950 oklch 27 1 0 105 12 094 outline slate 50 outline color var color slate 50 oklch 98 4 0 003 247 858 outline slate 100 outline color var color slate 100 oklch 96 8 0 007 247 896 outline slate 200 outline color var color slate 200 oklch 92 9 0 013 255 508 outline slate 300 outline color var color slate 300 oklch 86 9 0 022 252 894 outline slate 400 outline color var color slate 400 oklch 70 4 0 04 256 788 outline slate 500 outline color var color slate 500 oklch 55 4 0 046 257 417 outline slate 600 outline color var color slate 600 oklch 44 6 0 043 257 281 outline slate 700 outline color var color slate 700 oklch 37 2 0 044 257 287 outline slate 800 outline color var color slate 800 oklch 27 9 0 041 260 031 outline slate 900 outline color var color slate 900 oklch 20 8 0 042 265 755 outline slate 950 outline color var color slate 950 oklch 12 9 0 042 264 695 outline gray 50 outline color var color gray 50 oklch 98 5 0 002 247 839 outline gray 100 outline color var color gray 100 oklch 96 7 0 003 264 542 outline gray 200 outline color var color gray 200 oklch 92 8 0 006 264 531 outline gray 300 outline color var color gray 300 oklch 87 2 0 01 258 338 outline gray 400 outline color var color gray 400 oklch 70 7 0 022 261 325 outline gray 500 outline color var color gray 500 oklch 55 1 0 027 264 364 outline gray 600 outline color var color gray 600 oklch 44 6 0 03 256 802 outline gray 700 outline color var color gray 700 oklch 37 3 0 034 259 733 outline gray 800 outline color var color gray 800 oklch 27 8 0 033 256 848 outline gray 900 outline color var color gray 900 oklch 21 0 034 264 665 outline gray 950 outline color var color gray 950 oklch 13 0 028 261 692 outline zinc 50 outline color var color zinc 50 oklch 98 5 0 0 outline zinc 100 outline color var color zinc 100 oklch 96 7 0 001 286 375 outline zinc 200 outline color var color zinc 200 oklch 92 0 004 286 32 outline zinc 300 outline color var color zinc 300 oklch 87 1 0 006 286 286 outline zinc 400 outline color var color zinc 400 oklch 70 5 0 015 286 067 outline zinc 500 outline color var color zinc 500 oklch 55 2 0 016 285 938 outline zinc 600 outline color var color zinc 600 oklch 44 2 0 017 285 786 outline zinc 700 outline color var color zinc 700 oklch 37 0 013 285 805 outline zinc 800 outline color var color zinc 800 oklch 27 4 0 006 286 033 outline zinc 900 outline color var color zinc 900 oklch 21 0 006 285 885 outline zinc 950 outline color var color zinc 950 oklch 14 1 0 005 285 823 outline neutral 50 outline color var color neutral 50 oklch 98 5 0 0 outline neutral 100 outline color var color neutral 100 oklch 97 0 0 outline neutral 200 outline color var color neutral 200 oklch 92 2 0 0 outline neutral 300 outline color var color neutral 300 oklch 87 0 0 outline neutral 400 outline color var color neutral 400 oklch 70 8 0 0 outline neutral 500 outline color var color neutral 500 oklch 55 6 0 0 outline neutral 600 outline color var color neutral 600 oklch 43 9 0 0 outline neutral 700 outline color var color neutral 700 oklch 37 1 0 0 outline neutral 800 outline color var color neutral 800 oklch 26 9 0 0 outline neutral 900 outline color var color neutral 900 oklch 20 5 0 0 outline neutral 950 outline color var color neutral 950 oklch 14 5 0 0 outline stone 50 outline color var color stone 50 oklch 98 5 0 001 106 423 outline stone 100 outline color var color stone 100 oklch 97 0 001 106 424 outline stone 200 outline color var color stone 200 oklch 92 3 0 003 48 717 outline stone 300 outline color var color stone 300 oklch 86 9 0 005 56 366 outline stone 400 outline color var color stone 400 oklch 70 9 0 01 56 259 outline stone 500 outline color var color stone 500 oklch 55 3 0 013 58 071 outline stone 600 outline color var color stone 600 oklch 44 4 0 011 73 639 outline stone 700 outline color var color stone 700 oklch 37 4 0 01 67 558 outline stone 800 outline color var color stone 800 oklch 26 8 0 007 34 298 outline stone 900 outline color var color stone 900 oklch 21 6 0 006 56 043 outline stone 950 outline color var color stone 950 oklch 14 7 0 004 49 25 outline mauve 50 outline color var color mauve 50 oklch 98 5 0 0 outline mauve 100 outline color var color mauve 100 oklch 96 0 003 325 6 outline mauve 200 outline color var color mauve 200 oklch 92 2 0 005 325 62 outline mauve 300 outline color var color mauve 300 oklch 86 5 0 012 325 68 outline mauve 400 outline color var color mauve 400 oklch 71 1 0 019 323 02 outline mauve 500 outline color var color mauve 500 oklch 54 2 0 034 322 5 outline mauve 600 outline color var color mauve 600 oklch 43 5 0 029 321 78 outline mauve 700 outline color var color mauve 700 oklch 36 4 0 029 323 89 outline mauve 800 outline color var color mauve 800 oklch 26 3 0 024 320 12 outline mauve 900 outline color var color mauve 900 oklch 21 2 0 019 322 12 outline mauve 950 outline color var color mauve 950 oklch 14 5 0 008 326 outline olive 50 outline color var color olive 50 oklch 98 8 0 003 106 5 outline olive 100 outline color var color olive 100 oklch 96 6 0 005 106 5 outline olive 200 outline color var color olive 200 oklch 93 0 007 106 5 outline olive 300 outline color var color olive 300 oklch 88 0 011 106 6 outline olive 400 outline color var color olive 400 oklch 73 7 0 021 106 9 outline olive 500 outline color var color olive 500 oklch 58 0 031 107 3 outline olive 600 outline color var color olive 600 oklch 46 6 0 025 107 3 outline olive 700 outline color var color olive 700 oklch 39 4 0 023 107 4 outline olive 800 outline color var color olive 800 oklch 28 6 0 016 107 4 outline olive 900 outline color var color olive 900 oklch 22 8 0 013 107 4 outline olive 950 outline color var color olive 950 oklch 15 3 0 006 107 1 outline mist 50 outline color var color mist 50 oklch 98 7 0 002 197 1 outline mist 100 outline color var color mist 100 oklch 96 3 0 002 197 1 outline mist 200 outline color var color mist 200 oklch 92 5 0 005 214 3 outline mist 300 outline color var color mist 300 oklch 87 2 0 007 219 6 outline mist 400 outline color var color mist 400 oklch 72 3 0 014 214 4 outline mist 500 outline color var color mist 500 oklch 56 0 021 213 5 outline mist 600 outline color var color mist 600 oklch 45 0 017 213 2 outline mist 700 outline color var color mist 700 oklch 37 8 0 015 216 outline mist 800 outline color var color mist 800 oklch 27 5 0 011 216 9 outline mist 900 outline color var color mist 900 oklch 21 8 0 008 223 9 outline mist 950 outline color var color mist 950 oklch 14 8 0 004 228 8 outline taupe 50 outline color var color taupe 50 oklch 98 6 0 002 67 8 outline taupe 100 outline color var color taupe 100 oklch 96 0 002 17 2 outline taupe 200 outline color var color taupe 200 oklch 92 2 0 005 34 3 outline taupe 300 outline color var color taupe 300 oklch 86 8 0 007 39 5 outline taupe 400 outline color var color taupe 400 oklch 71 4 0 014 41 2 outline taupe 500 outline color var color taupe 500 oklch 54 7 0 021 43 1 outline taupe 600 outline color var color taupe 600 oklch 43 8 0 017 39 3 outline taupe 700 outline color var color taupe 700 oklch 36 7 0 016 35 7 outline taupe 800 outline color var color taupe 800 oklch 26 8 0 011 36 5 outline taupe 900 outline color var color taupe 900 oklch 21 4 0 009 43 1 outline taupe 950 outline color var color taupe 950 oklch 14 7 0 004 49 3 outline custom property outline color var custom property outline value outline color value show more examples basic example use utilities like outline rose 500 and outline lime 100 to control the color of an element s outline outline blue 500 button a outline cyan 500 button b outline pink 500 button c button class outline 2 outline offset 2 outline blue 500 button a button button class outline 2 outline offset 2 outline cyan 500 button b button button class outline 2 outline offset 2 outline pink 500 button c button changing the opacity use the color opacity modifier to control the opacity of an element s outline color outline blue 500 100 button a outline blue 500 75 button b outline blue 500 50 button c button class outline 2 outline blue 500 100 button a button button class outline 2 outline blue 500 75 button b button button class outline 2 outline blue 500 50 button c button using a custom value use the outline value syntax to set the outline color based on a completely custom value div class outline 243c5a div for css variables you can also use the outline custom property syntax div class outline my color div this is just a shorthand for outline var custom property that adds the var function for you automatically responsive design prefix an outline color utility with a breakpoint variant like md to only apply the utility at medium screen sizes and above div class outline md outline blue 400 div learn more about using variants in the variants documentation customizing your theme use the color theme variables to customize the color utilities in your project theme color regal blue 243c5a now the outline regal blue utility can be used in your markup div class outline regal blue div learn more about customizing your theme in the theme documentation outline width outline style on this page quick reference examples basic example changing the opacity using a custom value responsive design customizing your theme tailwind...
|
