Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.

Note: As a presentation attribute, color-profile can be used as a CSS property.

You can use this attribute with the following SVG elements:

Usage notes

Value auto | sRGB | <name> | <iri>
Default value auto
Animatable Yes

All colors are presumed to be defined in the sRGB color space unless a more precise embedded profile is specified within content data. For images that do have a profile built into their data, that profile is used. For images that do not have a profile, the sRGB profile is used.


The source profile is assumed to be sRGB. This differs from auto in that it overrides an embedded profile inside an image.


A name corresponding to a defined color profile that is in the browser's color profile description database. The browser searches the color profile description database for a color profile description entry whose name descriptor matches <name> and uses the last matching entry that is found. If a match is found, the corresponding profile overrides an embedded profile inside an image. If no match is found, then the embedded profile inside the image is used.


An IRI reference to the source color profile. The referenced color profile overrides an embedded profile inside the image.


Scalable Vector Graphics (SVG) 1.1 (Second Edition)
# ColorProfileProperty

Browser compatibility

BCD tables only load in the browser