Color item displaying the color as a small block, with name and hex color on the side. If the color is a primary color, will display as a circle.
Design inspired by Finastra.
A11y tests
C 100 - dark
#2d2d2d
C
C 100
#414141
C 75
#707070
C 50
#9f9f9f
C 25
#cecece
C 10
#eaeaea
C 2
#fafafa
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 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix any of the following:
Element has insufficient color contrast of 2.42 (foreground color: #a2a7ad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
