created:12/30/2020
updated:12/30/2020
loc
85
comments
12%

AudiDSColor

avatar of atanasster

Color item displaying the color as a color block and the values for RGB, RML, CMYK and Pantone. Design inspired by Audi Design System.

Overview

Brand
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002

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
-

A11y tests

Brand
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002
 
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
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002
320px
Brand
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002
375px
Brand
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002
768px
Brand
RGB: 34/112/238
HEX: #2270ee
CMYK: 86/53/0/7
Pantone 2726C
RAL: 5002
1024px