The outline-color property sets the color of the element's outline. The default value auto represents the accent color when outline-style is auto; otherwise it resolves to currentcolor.button:focus {
outline-color: tomato;
}:focus-visible {
outline-color: oklch(0.75 0.2 250);
}autoRepresents the browser's accent color when outline-style is auto; otherwise resolves to currentcolor (default value).currentcolorUses the current color property value of the element.transparentFully transparent color.invertLegacy (CSS 2) value — inverts background colors to ensure visibility; inconsistently supported.rgb()RGB color function.hsl()HSL color function.oklch()Oklch color function.color()Generic function for specifying color in custom color spaces.CSS Basic User Interface Module Level 4Working Draft<color>W3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
