created:12/30/2020

updated:12/30/2020

loc

104

comments

10%

BeelineColor

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

Overview

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

Controls

Name	Description	Default	Controls
name	name of the color, If none, or same as the color value, some color blocks will not display it string	-
color	color value as a string. accepted hex, rgb, hsl color strings ColorValue	-

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

	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

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

320px

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

375px

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

768px

Brand

HEX:

#2270ee

RGB:

rgb(34,112,238)

Pantone:

2726C:

1024px

Design Tokens/Colors/BaseWebColor

Design Tokens/Colors/BoltColor

API

BeelineColor

Overview

Controls

A11y tests

Viewport