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

BeelineColor

avatar of atanasster

Color item displaying the color as a block with values for rgb and Pantone colors. Design inspired by Beeline Design System.

A11y tests

shadow
HEX:
#000000
RGB:
rgb(0,0,0,0.1)
Pantone:
419C:
 
id
description
avoid-inline-spacing

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...

color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

Viewport

shadow
HEX:
#000000
RGB:
rgb(0,0,0,0.1)
Pantone:
419C:
320px
shadow
HEX:
#000000
RGB:
rgb(0,0,0,0.1)
Pantone:
419C:
375px
shadow
HEX:
#000000
RGB:
rgb(0,0,0,0.1)
Pantone:
419C:
768px
shadow
HEX:
#000000
RGB:
rgb(0,0,0,0.1)
Pantone:
419C:
1024px