Styles Farben

Nutzen Sie immer die D1st Farbpalette. Stellen Sie einen ausreichenden Kontrast sicher.
Info: WCAG 2.0

Primäre Farben

$colorPrimary

#2c4e74 oder rgba(44, 78, 116, 1)

$colorSecondary

#f7bb3d oder rgba(247, 187, 61, 1)

$colorSecondaryRed

#dc2a2a oder rgba(220, 42, 42, 1)

$colorInteractionBlue

#3b689b oder rgba(59, 104, 155, 1)

$colorInteractionGrey

#b0bec5 oder rgba(176, 190, 197, 1)

$colorInteractionBlueLight

#0073a8 oder rgba(0, 115, 168, 1)

$colorInteractionCyan

#0787b1 oder rgba(7, 135, 177, 1)

$colorInteractionGrayLight

#dfe1e1 oder rgba(223, 225, 225, 1)

$colorInteractionRed

#e66f6f oder rgba(230, 111, 111, 1)

$colorGreyScaleBlack

#000000 oder rgba(0, 0, 0, 1)

$colorGreyScaleDarkerGrey

#424242 oder rgba(66, 66, 66, 1)

$colorGreyScaleDarkGrey

#616e75 oder rgba(97, 110, 117, 1)

$colorGreyScaleMidGrey

#808e95 oder rgba(128, 142, 149, 1)

$colorGreyScaleGrey

#b0bec5 oder rgba(176, 190, 197, 1)

$colorGreyScaleCremeDark

#dfe1e1 oder rgba(223, 225, 225, 1)

$colorGreyScaleCreme

#f1f3f3 oder rgba(241, 243, 243, 1)

$colorGreyScaleWhite

#ffffff oder rgba(255, 255, 255, 1)

$colorBorderGrey

#707070 oder rgba(112, 112, 112, 1)