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
155
comments
6%

AtlassianColor

avatar of atanasster

Color item displaying the color as a block with AA color contrast tests. Design inspired by Atlassian Design System.

A11y tests

APASS
APASS
APASS
AFAIL
NAME
R300 - Poppy surprise
HEX
#FF5630
RGB
255, 86, 48
APASS
APASS
AFAIL
AFAIL
NAME
Y300 - Golden state
HEX
#FFAB00
RGB
255, 171, 0
APASS
APASS
AFAIL
AFAIL
NAME
G300 - Fine pine
HEX
#36B37E
RGB
54, 179, 126
APASS
APASS
AFAIL
AFAIL
NAME
T300 - Tamarama
HEX
#00B8D9
RGB
0, 184, 217
APASS
AFAIL
APASS
APASS
NAME
P300 - Da' juice
HEX
#6554C0
RGB
101, 84, 192
APASS
APASS
APASS
AFAIL
NAME
Red400 - Critical
HEX
#F94D32
RGB
249, 77, 50

Viewport

APASS
APASS
APASS
AFAIL
NAME
R300 - Poppy surprise
HEX
#FF5630
RGB
255, 86, 48
APASS
APASS
AFAIL
AFAIL
NAME
Y300 - Golden state
HEX
#FFAB00
RGB
255, 171, 0
APASS
APASS
AFAIL
AFAIL
NAME
G300 - Fine pine
HEX
#36B37E
RGB
54, 179, 126
APASS
APASS
AFAIL
AFAIL
NAME
T300 - Tamarama
HEX
#00B8D9
RGB
0, 184, 217
APASS
AFAIL
APASS
APASS
NAME
P300 - Da' juice
HEX
#6554C0
RGB
101, 84, 192
APASS
APASS
APASS
AFAIL
NAME
Red400 - Critical
HEX
#F94D32
RGB
249, 77, 50
320px
APASS
APASS
APASS
AFAIL
NAME
R300 - Poppy surprise
HEX
#FF5630
RGB
255, 86, 48
APASS
APASS
AFAIL
AFAIL
NAME
Y300 - Golden state
HEX
#FFAB00
RGB
255, 171, 0
APASS
APASS
AFAIL
AFAIL
NAME
G300 - Fine pine
HEX
#36B37E
RGB
54, 179, 126
APASS
APASS
AFAIL
AFAIL
NAME
T300 - Tamarama
HEX
#00B8D9
RGB
0, 184, 217
APASS
AFAIL
APASS
APASS
NAME
P300 - Da' juice
HEX
#6554C0
RGB
101, 84, 192
APASS
APASS
APASS
AFAIL
NAME
Red400 - Critical
HEX
#F94D32
RGB
249, 77, 50
375px
APASS
APASS
APASS
AFAIL
NAME
R300 - Poppy surprise
HEX
#FF5630
RGB
255, 86, 48
APASS
APASS
AFAIL
AFAIL
NAME
Y300 - Golden state
HEX
#FFAB00
RGB
255, 171, 0
APASS
APASS
AFAIL
AFAIL
NAME
G300 - Fine pine
HEX
#36B37E
RGB
54, 179, 126
APASS
APASS
AFAIL
AFAIL
NAME
T300 - Tamarama
HEX
#00B8D9
RGB
0, 184, 217
APASS
AFAIL
APASS
APASS
NAME
P300 - Da' juice
HEX
#6554C0
RGB
101, 84, 192
APASS
APASS
APASS
AFAIL
NAME
Red400 - Critical
HEX
#F94D32
RGB
249, 77, 50
768px
APASS
APASS
APASS
AFAIL
NAME
R300 - Poppy surprise
HEX
#FF5630
RGB
255, 86, 48
APASS
APASS
AFAIL
AFAIL
NAME
Y300 - Golden state
HEX
#FFAB00
RGB
255, 171, 0
APASS
APASS
AFAIL
AFAIL
NAME
G300 - Fine pine
HEX
#36B37E
RGB
54, 179, 126
APASS
APASS
AFAIL
AFAIL
NAME
T300 - Tamarama
HEX
#00B8D9
RGB
0, 184, 217
APASS
AFAIL
APASS
APASS
NAME
P300 - Da' juice
HEX
#6554C0
RGB
101, 84, 192
APASS
APASS
APASS
AFAIL
NAME
Red400 - Critical
HEX
#F94D32
RGB
249, 77, 50
1024px
Previous
Design Tokens/Colors/AnvilColor
Next
Design Tokens/Colors/AudiDSColor