Color item displaying the color as a color block and the values for RGB, CMYK and Pantone.
If specified, will display the dark color as a bottom-right side triangle.
Design inspired by Backpack.
A11y tests
shadow
RGB 0, 0, 0, 0.1
HEX #000000
CMYK: 0, 0, 0, 100
PMS 419C
impact
id
description
serious
color-contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...
summary
target
Fix any of the following:
Element has insufficient color contrast of 1.24 (foreground color: #ffffff, background color: #e6e6e6, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 1.24 (foreground color: #ffffff, background color: #e6e6e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1y061o8 > .css-1bi9of6 > .css-1opvpot > .css-wlgji2 > .css-1964dvf > div
Fix any of the following:
Element has insufficient color contrast of 1.24 (foreground color: #ffffff, background color: #e6e6e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1y061o8 > .css-1bi9of6 > .css-1opvpot > .css-wlgji2 > .css-1964dvf > div
Fix any of the following:
Element has insufficient color contrast of 1.24 (foreground color: #ffffff, background color: #e6e6e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1y061o8 > .css-1bi9of6 > .css-1opvpot > .css-wlgji2 > .css-1964dvf > div
Fix any of the following:
Element has insufficient color contrast of 1.24 (foreground color: #ffffff, background color: #e6e6e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1y061o8 > .css-1bi9of6 > .css-1opvpot > .css-wlgji2 > .css-1964dvf > div