<?xml version="1.0" encoding="UTF-8"?>
<feature id="contrast-color"><name>contrast-color()</name><description>The contrast-color() CSS function picks a color that has guaranteed contrast against a specified foreground or background color.</description><group>color-types</group><group_name>Color types</group_name><baseline><status>newly</status><low_date>2026-04-10</low_date></baseline><support><browser name="chrome" version="147" supported="true"></browser><browser name="firefox" version="146" supported="true"></browser><browser name="safari" version="26" supported="true"></browser><browser name="edge" version="147" supported="true"></browser><browser name="chrome_android" version="147" supported="true"></browser><browser name="firefox_android" version="146" supported="true"></browser><browser name="safari_ios" version="26" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-color-6/#funcdef-contrast-color</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/color_value/contrast-color</mdn_url><compat_features><key>css.types.color.contrast-color</key></compat_features><canonical_url>https://nowyoucanuse.com/features--contrast-color.html</canonical_url></feature>