skip to main content
skip to navigation sidebar
skip to context sidebar
A next-generation tool to create blazing-fast documentation sites
API
Blog
Tutorial
Showcase
twitter
github
Edit this page
created:12/30/2020
updated:12/30/2020
loc
114
comments
10%

BackpackColor

avatar of atanasster

Color item displaying the color as a color block and the values for RGB, CMYK and Pantone. If specified, will display the dark color as a bottom-right side triangle. Design inspired by Backpack.

A11y tests

Poppy surprise R300
RGB 255, 86, 48
HEX #ff5630
CMYK: 0, 66, 81, 0
PMS 171C
Golden state Y300
RGB 255, 171, 0
HEX #ffab00
CMYK: 0, 33, 100, 0
PMS 137C
Fine pine G300
RGB 54, 179, 126
HEX #36b37e
CMYK: 70, 0, 30, 30
PMS 339C
Tamarama
light: T300
dark: #084eb2
Da' juice P300
RGB 101, 84, 192
HEX #6554c0
CMYK: 47, 56, 0, 25
PMS 2725C
Critical Red400
RGB 249, 77, 50
HEX #f94d32
CMYK: 0, 69, 80, 2
PMS 171C

Viewport

Poppy surprise R300
RGB 255, 86, 48
HEX #ff5630
CMYK: 0, 66, 81, 0
PMS 171C
Golden state Y300
RGB 255, 171, 0
HEX #ffab00
CMYK: 0, 33, 100, 0
PMS 137C
Fine pine G300
RGB 54, 179, 126
HEX #36b37e
CMYK: 70, 0, 30, 30
PMS 339C
Tamarama
light: T300
dark: #084eb2
Da' juice P300
RGB 101, 84, 192
HEX #6554c0
CMYK: 47, 56, 0, 25
PMS 2725C
Critical Red400
RGB 249, 77, 50
HEX #f94d32
CMYK: 0, 69, 80, 2
PMS 171C
320px
Poppy surprise R300
RGB 255, 86, 48
HEX #ff5630
CMYK: 0, 66, 81, 0
PMS 171C
Golden state Y300
RGB 255, 171, 0
HEX #ffab00
CMYK: 0, 33, 100, 0
PMS 137C
Fine pine G300
RGB 54, 179, 126
HEX #36b37e
CMYK: 70, 0, 30, 30
PMS 339C
Tamarama
light: T300
dark: #084eb2
Da' juice P300
RGB 101, 84, 192
HEX #6554c0
CMYK: 47, 56, 0, 25
PMS 2725C
Critical Red400
RGB 249, 77, 50
HEX #f94d32
CMYK: 0, 69, 80, 2
PMS 171C
375px
Poppy surprise R300
RGB 255, 86, 48
HEX #ff5630
CMYK: 0, 66, 81, 0
PMS 171C
Golden state Y300
RGB 255, 171, 0
HEX #ffab00
CMYK: 0, 33, 100, 0
PMS 137C
Fine pine G300
RGB 54, 179, 126
HEX #36b37e
CMYK: 70, 0, 30, 30
PMS 339C
Tamarama
light: T300
dark: #084eb2
Da' juice P300
RGB 101, 84, 192
HEX #6554c0
CMYK: 47, 56, 0, 25
PMS 2725C
Critical Red400
RGB 249, 77, 50
HEX #f94d32
CMYK: 0, 69, 80, 2
PMS 171C
768px
Poppy surprise R300
RGB 255, 86, 48
HEX #ff5630
CMYK: 0, 66, 81, 0
PMS 171C
Golden state Y300
RGB 255, 171, 0
HEX #ffab00
CMYK: 0, 33, 100, 0
PMS 137C
Fine pine G300
RGB 54, 179, 126
HEX #36b37e
CMYK: 70, 0, 30, 30
PMS 339C
Tamarama
light: T300
dark: #084eb2
Da' juice P300
RGB 101, 84, 192
HEX #6554c0
CMYK: 47, 56, 0, 25
PMS 2725C
Critical Red400
RGB 249, 77, 50
HEX #f94d32
CMYK: 0, 69, 80, 2
PMS 171C
1024px
Previous
Design Tokens/Colors/AudiDSColor
Next
Design Tokens/Colors/BaseWebColor