created:12/30/2020
updated:12/30/2020
loc
114
comments
10%

BackpackColor

avatar of atanasster

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
.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
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

Viewport

shadow
RGB 0, 0, 0, 0.1
HEX #000000
CMYK: 0, 0, 0, 100
PMS 419C
320px
shadow
RGB 0, 0, 0, 0.1
HEX #000000
CMYK: 0, 0, 0, 100
PMS 419C
375px
shadow
RGB 0, 0, 0, 0.1
HEX #000000
CMYK: 0, 0, 0, 100
PMS 419C
768px
shadow
RGB 0, 0, 0, 0.1
HEX #000000
CMYK: 0, 0, 0, 100
PMS 419C
1024px