Skip to content
Palettes
Azure
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 90 | #DAE2F4 | hsl(219, 5, 91) | rgb(217, 227, 245) | --zc-azure-20 | |
40 | 80 | #B6C6E8 | hsl(219, 11, 81) | rgb(181, 199, 232) | --zc-azure-40 | |
60 | 69 | #91A9DD | hsl(222, 20, 72) | rgb(145, 168, 222) | --zc-azure-60 | |
80 | 59 | #6D8DD1 | hsl(222, 30, 63) | rgb(110, 140, 209) | --zc-azure-80 | |
100 | 48 | #4870C6 | hsl(221, 47, 53) | rgb( 71, 112, 199) | --zc-azure-100 |
Azure contrast table
Here's the contrast table for accessibility of Azure
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
- | 1.3 | 1.8 | 2.6 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.4 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.9 | 4.6 | 2.5 | 1.9 | 1.5 | 14.6 | 10.6 | 7.2 | 4.9 | 3.5 | 2.8 | 2.2 | 1.8 | 1.2 |
- | 1.3 | 1.8 | 2.6 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.4 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.9 | 4.6 | 2.5 | 1.9 | 1.5 | 14.6 | 10.6 | 7.2 | 4.9 | 3.5 | 2.8 | 2.2 | 1.8 | 1.2 |
1.3 | - | 1.4 | 1.9 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.4 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | 1.1 | 1.3 | 1.5 | 4.2 | 2.7 | 1.5 | 1.2 | - | 1.1 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.7 | 3.4 | 1.9 | 1.5 | 1.1 | 11 | 8 | 5.5 | 3.7 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.3 | - | 1.4 | 1.9 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.4 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | 1.1 | 1.3 | 1.5 | 4.2 | 2.7 | 1.5 | 1.2 | - | 1.1 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.7 | 3.4 | 1.9 | 1.5 | 1.1 | 11 | 8 | 5.5 | 3.7 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.8 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2 | 1.9 | 1.8 | 1.7 | 2.3 | 2.1 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.6 | 1.2 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.5 | 1.4 | 1.1 | 1.2 | 8 | 5.8 | 3.9 | 2.7 | 1.9 | 1.5 | 1.2 | - | 1.5 |
1.8 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2 | 1.9 | 1.8 | 1.7 | 2.3 | 2.1 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.6 | 1.2 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.5 | 1.4 | 1.1 | 1.2 | 8 | 5.8 | 3.9 | 2.7 | 1.9 | 1.5 | 1.2 | - | 1.5 |
2.6 | 1.9 | 1.4 | - | 1.4 | 2.3 | 2.3 | 1.9 | 1.5 | 1.2 | 2.2 | 1.4 | 2.8 | 2.3 | 1.9 | 1.6 | 1.4 | 1.3 | 3.1 | 2.9 | 2.7 | 2.5 | 2.3 | 3.2 | 3 | 2.9 | 2.8 | 2.6 | 3.2 | 3.2 | 3.1 | 3.1 | 3 | 2.1 | 2.9 | 2.7 | 2.2 | 1.8 | 1.5 | 1.3 | 2.1 | 1.4 | 2.8 | 2.4 | 2 | 1.7 | 1.4 | - | 3.1 | 2.9 | 2.6 | 2.6 | 2.3 | 3 | 2.6 | 2.3 | 1.6 | 1.1 | 2.6 | 2 | 1.4 | 1.1 | 1.4 | 3.4 | 1.8 | - | 1.3 | 1.7 | 5.7 | 4.1 | 2.8 | 1.9 | 1.3 | 1.1 | 1.1 | 1.5 | 2.1 |
2.6 | 1.9 | 1.4 | - | 1.4 | 2.3 | 2.3 | 1.9 | 1.5 | 1.2 | 2.2 | 1.4 | 2.8 | 2.3 | 1.9 | 1.6 | 1.4 | 1.3 | 3.1 | 2.9 | 2.7 | 2.5 | 2.3 | 3.2 | 3 | 2.9 | 2.8 | 2.6 | 3.2 | 3.2 | 3.1 | 3.1 | 3 | 2.1 | 2.9 | 2.7 | 2.2 | 1.8 | 1.5 | 1.3 | 2.1 | 1.4 | 2.8 | 2.4 | 2 | 1.7 | 1.4 | - | 3.1 | 2.9 | 2.6 | 2.6 | 2.3 | 3 | 2.6 | 2.3 | 1.6 | 1.1 | 2.6 | 2 | 1.4 | 1.1 | 1.4 | 3.4 | 1.8 | - | 1.3 | 1.7 | 5.7 | 4.1 | 2.8 | 1.9 | 1.3 | 1.1 | 1.1 | 1.5 | 2.1 |
3.7 | 2.8 | 2 | 1.4 | - | 3.4 | 3.4 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 3.3 | 2.8 | 2.3 | 2 | 1.1 | 4.4 | 4.1 | 3.9 | 3.6 | 3.3 | 4.6 | 4.3 | 4.2 | 4 | 3.8 | 4.6 | 4.5 | 4.4 | 4.4 | 4.3 | 3.1 | 4.2 | 3.9 | 3.2 | 2.6 | 2.2 | 1.8 | 1.5 | - | 4.1 | 3.4 | 2.9 | 2.4 | 2 | 1.4 | 4.4 | 4.1 | 3.8 | 3.8 | 3.3 | 4.3 | 3.8 | 3.3 | 2.3 | 1.3 | 3.7 | 2.8 | 2.1 | 1.5 | 1.1 | 2.4 | 1.2 | 1.5 | 1.9 | 2.4 | 4 | 2.9 | 2 | 1.3 | 1.1 | 1.3 | 1.6 | 2.1 | 3.1 |
3.7 | 2.8 | 2 | 1.4 | - | 3.4 | 3.4 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 3.3 | 2.8 | 2.3 | 2 | 1.1 | 4.4 | 4.1 | 3.9 | 3.6 | 3.3 | 4.6 | 4.3 | 4.2 | 4 | 3.8 | 4.6 | 4.5 | 4.4 | 4.4 | 4.3 | 3.1 | 4.2 | 3.9 | 3.2 | 2.6 | 2.2 | 1.8 | 1.5 | - | 4.1 | 3.4 | 2.9 | 2.4 | 2 | 1.4 | 4.4 | 4.1 | 3.8 | 3.8 | 3.3 | 4.3 | 3.8 | 3.3 | 2.3 | 1.3 | 3.7 | 2.8 | 2.1 | 1.5 | 1.1 | 2.4 | 1.2 | 1.5 | 1.9 | 2.4 | 4 | 2.9 | 2 | 1.3 | 1.1 | 1.3 | 1.6 | 2.1 | 3.1 |
Moss
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 86 | #C9DDCE | hsl(137, 4, 83) | rgb(201, 222, 207) | --zc-moss-20 | |
40 | 86 | #C9DDCE | hsl(137, 4, 83) | rgb(201, 222, 207) | --zc-moss-40 | |
60 | 79 | #ADCBB5 | hsl(135, 7, 74) | rgb(173, 204, 181) | --zc-moss-60 | |
80 | 72 | #92BA9D | hsl(139, 11, 65) | rgb(145, 186, 158) | --zc-moss-80 | |
100 | 65 | #77A984 | hsl(136, 16, 56) | rgb(120, 168, 133) | --zc-moss-100 | |
aaa | 37 | #32623D | hsl(133, 31, 29) | rgb( 51, 97, 61) | --zc-moss-aaa | |
aa | 49 | #428351 | hsl(135, 32, 38) | rgb( 66, 130, 82) | --zc-moss-aa |
Moss contrast table
Here's the contrast table for accessibility of Moss
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N | |
aaa | L |
N | |
aa | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.2 | 2.3 | 1.8 | 1.4 | 13.3 | 9.7 | 6.6 | 4.4 | 3.2 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.2 | 2.3 | 1.8 | 1.4 | 13.3 | 9.7 | 6.6 | 4.4 | 3.2 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.2 | 2.3 | 1.8 | 1.4 | 13.3 | 9.7 | 6.6 | 4.4 | 3.2 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.2 | 2.3 | 1.8 | 1.4 | 13.3 | 9.7 | 6.6 | 4.4 | 3.2 | 2.6 | 2 | 1.6 | 1.1 |
1.3 | - | 1.4 | 1.9 | 2.7 | 1.2 | 1.2 | - | 1.2 | 1.6 | 4.1 | 2.7 | 1.5 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.7 | 1.6 | 1.5 | 1.5 | 1.4 | 1.7 | 1.7 | 1.6 | 1.6 | 1.6 | 1.1 | 1.5 | 1.4 | 1.2 | - | 1.3 | 1.5 | 4.1 | 2.6 | 1.5 | 1.2 | - | 1.1 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.6 | 3.4 | 1.9 | 1.4 | 1.1 | 10.8 | 7.9 | 5.4 | 3.6 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.3 | - | 1.4 | 1.9 | 2.7 | 1.2 | 1.2 | - | 1.2 | 1.6 | 4.1 | 2.7 | 1.5 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.7 | 1.6 | 1.5 | 1.5 | 1.4 | 1.7 | 1.7 | 1.6 | 1.6 | 1.6 | 1.1 | 1.5 | 1.4 | 1.2 | - | 1.3 | 1.5 | 4.1 | 2.6 | 1.5 | 1.2 | - | 1.1 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.6 | 3.4 | 1.9 | 1.4 | 1.1 | 10.8 | 7.9 | 5.4 | 3.6 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.2 | - | 1.3 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 2.1 | 2 | 1.9 | 1.8 | 1.6 | 1.5 | 2.1 | 2 | 1.9 | 1.8 | 1.7 | 2.1 | 2.1 | 2 | 2 | 1.9 | 1.4 | 1.9 | 1.8 | 1.5 | 1.2 | - | 1.2 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | 1.1 | 1.7 | 1.7 | 1.3 | 1.1 | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.2 | 1.1 | 8.7 | 6.3 | 4.3 | 2.9 | 2.1 | 1.7 | 1.3 | 1.1 | 1.4 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.2 | - | 1.3 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 2.1 | 2 | 1.9 | 1.8 | 1.6 | 1.5 | 2.1 | 2 | 1.9 | 1.8 | 1.7 | 2.1 | 2.1 | 2 | 2 | 1.9 | 1.4 | 1.9 | 1.8 | 1.5 | 1.2 | - | 1.2 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | 1.1 | 1.7 | 1.7 | 1.3 | 1.1 | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.2 | 1.1 | 8.7 | 6.3 | 4.3 | 2.9 | 2.1 | 1.7 | 1.3 | 1.1 | 1.4 |
2.1 | 1.6 | 1.1 | 1.2 | 1.8 | 1.9 | 1.9 | 1.6 | 1.3 | - | 2.7 | 1.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 1.6 | 2.5 | 2.3 | 2.2 | 2.1 | 1.9 | 2.6 | 2.5 | 2.4 | 2.3 | 2.2 | 2.6 | 2.6 | 2.5 | 2.5 | 2.4 | 1.7 | 2.4 | 2.2 | 1.8 | 1.5 | 1.2 | - | 2.6 | 1.7 | 2.3 | 1.9 | 1.6 | 1.4 | 1.1 | 1.3 | 2.5 | 2.3 | 2.2 | 2.2 | 1.9 | 2.5 | 2.2 | 1.9 | 1.3 | 1.3 | 2.1 | 1.6 | 1.2 | 1.2 | 1.7 | 4.2 | 2.2 | 1.2 | 1.1 | 1.4 | 6.9 | 5 | 3.4 | 2.3 | 1.6 | 1.3 | 1.1 | 1.2 | 1.7 |
2.1 | 1.6 | 1.1 | 1.2 | 1.8 | 1.9 | 1.9 | 1.6 | 1.3 | - | 2.7 | 1.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 1.6 | 2.5 | 2.3 | 2.2 | 2.1 | 1.9 | 2.6 | 2.5 | 2.4 | 2.3 | 2.2 | 2.6 | 2.6 | 2.5 | 2.5 | 2.4 | 1.7 | 2.4 | 2.2 | 1.8 | 1.5 | 1.2 | - | 2.6 | 1.7 | 2.3 | 1.9 | 1.6 | 1.4 | 1.1 | 1.3 | 2.5 | 2.3 | 2.2 | 2.2 | 1.9 | 2.5 | 2.2 | 1.9 | 1.3 | 1.3 | 2.1 | 1.6 | 1.2 | 1.2 | 1.7 | 4.2 | 2.2 | 1.2 | 1.1 | 1.4 | 6.9 | 5 | 3.4 | 2.3 | 1.6 | 1.3 | 1.1 | 1.2 | 1.7 |
5.6 | 4.2 | 3 | 2.2 | 1.5 | 5.1 | 5.1 | 4.1 | 3.3 | 2.7 | - | 1.6 | 6.1 | 5 | 4.2 | 3.5 | 3 | 1.6 | 6.7 | 6.2 | 5.8 | 5.4 | 5.1 | 6.9 | 6.5 | 6.3 | 6.1 | 5.7 | 7 | 6.9 | 6.7 | 6.6 | 6.4 | 4.6 | 6.3 | 5.9 | 4.9 | 4 | 3.3 | 2.7 | - | 1.6 | 6.1 | 5.1 | 4.3 | 3.7 | 3 | 2.1 | 6.6 | 6.2 | 5.7 | 5.7 | 4.9 | 6.6 | 5.7 | 5 | 3.5 | 2 | 5.6 | 4.3 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.7 | 2.6 | 1.9 | 1.3 | 1.1 | 1.6 | 2 | 2.5 | 3.2 | 4.6 |
5.6 | 4.2 | 3 | 2.2 | 1.5 | 5.1 | 5.1 | 4.1 | 3.3 | 2.7 | - | 1.6 | 6.1 | 5 | 4.2 | 3.5 | 3 | 1.6 | 6.7 | 6.2 | 5.8 | 5.4 | 5.1 | 6.9 | 6.5 | 6.3 | 6.1 | 5.7 | 7 | 6.9 | 6.7 | 6.6 | 6.4 | 4.6 | 6.3 | 5.9 | 4.9 | 4 | 3.3 | 2.7 | - | 1.6 | 6.1 | 5.1 | 4.3 | 3.7 | 3 | 2.1 | 6.6 | 6.2 | 5.7 | 5.7 | 4.9 | 6.6 | 5.7 | 5 | 3.5 | 2 | 5.6 | 4.3 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.7 | 2.6 | 1.9 | 1.3 | 1.1 | 1.6 | 2 | 2.5 | 3.2 | 4.6 |
3.6 | 2.7 | 1.9 | 1.4 | - | 3.3 | 3.3 | 2.7 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.2 | 2.7 | 2.3 | 1.9 | - | 4.3 | 4 | 3.8 | 3.5 | 3.2 | 4.4 | 4.2 | 4.1 | 3.9 | 3.7 | 4.5 | 4.4 | 4.3 | 4.3 | 4.1 | 3 | 4 | 3.8 | 3.1 | 2.6 | 2.1 | 1.8 | 1.5 | - | 3.9 | 3.3 | 2.8 | 2.4 | 1.9 | 1.3 | 4.3 | 4 | 3.7 | 3.7 | 3.2 | 4.2 | 3.7 | 3.2 | 2.3 | 1.3 | 3.6 | 2.7 | 2 | 1.5 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.4 | 4.1 | 3 | 2 | 1.4 | - | 1.3 | 1.6 | 2 | 3 |
3.6 | 2.7 | 1.9 | 1.4 | - | 3.3 | 3.3 | 2.7 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.2 | 2.7 | 2.3 | 1.9 | - | 4.3 | 4 | 3.8 | 3.5 | 3.2 | 4.4 | 4.2 | 4.1 | 3.9 | 3.7 | 4.5 | 4.4 | 4.3 | 4.3 | 4.1 | 3 | 4 | 3.8 | 3.1 | 2.6 | 2.1 | 1.8 | 1.5 | - | 3.9 | 3.3 | 2.8 | 2.4 | 1.9 | 1.3 | 4.3 | 4 | 3.7 | 3.7 | 3.2 | 4.2 | 3.7 | 3.2 | 2.3 | 1.3 | 3.6 | 2.7 | 2 | 1.5 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.4 | 4.1 | 3 | 2 | 1.4 | - | 1.3 | 1.6 | 2 | 3 |
Teal
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 93 | #D1F1F0 | hsl(176, 6, 88) | rgb(209, 242, 240) | --zc-teal-20 | |
40 | 86 | #A3E3E2 | hsl(180, 15, 76) | rgb(163, 227, 227) | --zc-teal-40 | |
60 | 80 | #75D6D3 | hsl(179, 28, 65) | rgb(117, 214, 212) | --zc-teal-60 | |
80 | 74 | #47C8C5 | hsl(179, 47, 53) | rgb( 71, 199, 196) | --zc-teal-80 | |
100 | 69 | #19BAB6 | hsl(178, 75, 42) | rgb( 26, 186, 181) | --zc-teal-100 | |
aa | 50 | #088487 | hsl(181, 89, 28) | rgb( 8, 133, 135) | --zc-teal-aa |
Teal contrast table
Here's the contrast table for accessibility of Teal
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N | |
aa | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.1 | 1.4 | 2 | 2.8 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 6 | 3.8 | - | 1.2 | 1.4 | 1.6 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.8 | 9.6 | 5 | 2.7 | 2.1 | 1.6 | 15.9 | 11.5 | 7.8 | 5.3 | 3.8 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.4 | 2 | 2.8 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 6 | 3.8 | - | 1.2 | 1.4 | 1.6 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.8 | 9.6 | 5 | 2.7 | 2.1 | 1.6 | 15.9 | 11.5 | 7.8 | 5.3 | 3.8 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.2 | 1.7 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.1 | 1.4 | 1.4 | 1.3 | 1.3 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.3 | 1.5 | 1.8 | 4.9 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.1 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.2 | 9.5 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.1 | 1.4 | 1.4 | 1.3 | 1.3 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.3 | 1.5 | 1.8 | 4.9 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.1 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.2 | 9.5 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.3 | - | 1.4 | 1.9 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.4 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | 1.1 | 1.3 | 1.5 | 4.2 | 2.7 | 1.5 | 1.2 | - | 1.2 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.7 | 3.5 | 1.9 | 1.5 | 1.1 | 11.1 | 8 | 5.5 | 3.7 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.3 | - | 1.4 | 1.9 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.4 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | 1.1 | 1.3 | 1.5 | 4.2 | 2.7 | 1.5 | 1.2 | - | 1.2 | 1.4 | 2 | 1.6 | 1.5 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.3 | 1.8 | 2.6 | 6.7 | 3.5 | 1.9 | 1.5 | 1.1 | 11.1 | 8 | 5.5 | 3.7 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.6 | 1.2 | 1.2 | 1.6 | 2.3 | 1.4 | 1.4 | 1.2 | 1.1 | 1.3 | 3.5 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 2.2 | 1.9 | 1.8 | 1.7 | 1.6 | 1.4 | 2 | 1.9 | 1.8 | 1.7 | 1.6 | 2 | 2 | 1.9 | 1.9 | 1.8 | 1.3 | 1.8 | 1.7 | 1.4 | 1.1 | 1.1 | 1.3 | 3.5 | 2.2 | 1.7 | 1.5 | 1.2 | - | 1.2 | 1.7 | 1.9 | 1.8 | 1.6 | 1.6 | 1.4 | 1.9 | 1.6 | 1.4 | - | 1.8 | 1.6 | 1.2 | 1.1 | 1.5 | 2.2 | 5.6 | 2.9 | 1.6 | 1.2 | 1.1 | 9.2 | 6.7 | 4.5 | 3.1 | 2.2 | 1.8 | 1.4 | 1.1 | 1.3 |
1.6 | 1.2 | 1.2 | 1.6 | 2.3 | 1.4 | 1.4 | 1.2 | 1.1 | 1.3 | 3.5 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 2.2 | 1.9 | 1.8 | 1.7 | 1.6 | 1.4 | 2 | 1.9 | 1.8 | 1.7 | 1.6 | 2 | 2 | 1.9 | 1.9 | 1.8 | 1.3 | 1.8 | 1.7 | 1.4 | 1.1 | 1.1 | 1.3 | 3.5 | 2.2 | 1.7 | 1.5 | 1.2 | - | 1.2 | 1.7 | 1.9 | 1.8 | 1.6 | 1.6 | 1.4 | 1.9 | 1.6 | 1.4 | - | 1.8 | 1.6 | 1.2 | 1.1 | 1.5 | 2.2 | 5.6 | 2.9 | 1.6 | 1.2 | 1.1 | 9.2 | 6.7 | 4.5 | 3.1 | 2.2 | 1.8 | 1.4 | 1.1 | 1.3 |
1.9 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2.1 | 2 | 1.8 | 1.7 | 2.3 | 2.2 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.2 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 2.9 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.7 | 1.2 | 1.5 | 1.9 | 1.4 | 1.1 | 1.3 | 1.9 | 4.8 | 2.4 | 1.3 | - | 1.2 | 7.8 | 5.7 | 3.9 | 2.6 | 1.9 | 1.5 | 1.2 | 1.1 | 1.5 |
1.9 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2.1 | 2 | 1.8 | 1.7 | 2.3 | 2.2 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.2 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 2.9 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.7 | 1.2 | 1.5 | 1.9 | 1.4 | 1.1 | 1.3 | 1.9 | 4.8 | 2.4 | 1.3 | - | 1.2 | 7.8 | 5.7 | 3.9 | 2.6 | 1.9 | 1.5 | 1.2 | 1.1 | 1.5 |
3.4 | 2.6 | 1.9 | 1.3 | 1.1 | 3.1 | 3.1 | 2.6 | 2.1 | 1.6 | 1.6 | - | 3.7 | 3.1 | 2.6 | 2.2 | 1.9 | - | 4.1 | 3.8 | 3.6 | 3.4 | 3.1 | 4.3 | 4 | 3.9 | 3.8 | 3.5 | 4.3 | 4.2 | 4.1 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3 | 2.5 | 2 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.1 | 3.8 | 3.5 | 3.5 | 3 | 4.1 | 3.5 | 3.1 | 2.2 | 1.2 | 3.4 | 2.6 | 1.9 | 1.4 | - | 2.6 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3.1 | 2.1 | 1.4 | - | 1.2 | 1.5 | 2 | 2.9 |
3.4 | 2.6 | 1.9 | 1.3 | 1.1 | 3.1 | 3.1 | 2.6 | 2.1 | 1.6 | 1.6 | - | 3.7 | 3.1 | 2.6 | 2.2 | 1.9 | - | 4.1 | 3.8 | 3.6 | 3.4 | 3.1 | 4.3 | 4 | 3.9 | 3.8 | 3.5 | 4.3 | 4.2 | 4.1 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3 | 2.5 | 2 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.1 | 3.8 | 3.5 | 3.5 | 3 | 4.1 | 3.5 | 3.1 | 2.2 | 1.2 | 3.4 | 2.6 | 1.9 | 1.4 | - | 2.6 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3.1 | 2.1 | 1.4 | - | 1.2 | 1.5 | 2 | 2.9 |
Mint
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 97 | #EDFBEE | hsl(120, 2, 95) | rgb(237, 250, 237) | --zc-mint-20 | |
40 | 94 | #DBF6DD | hsl(127, 5, 91) | rgb(219, 245, 222) | --zc-mint-40 | |
60 | 92 | #CAF2CD | hsl(124, 8, 87) | rgb(201, 242, 204) | --zc-mint-60 | |
80 | 89 | #B8EDBC | hsl(126, 12, 83) | rgb(184, 237, 189) | --zc-mint-80 | |
100 | 87 | #A6E9AB | hsl(125, 16, 78) | rgb(166, 232, 171) | --zc-mint-100 |
Mint contrast table
Here's the contrast table for accessibility of Mint
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | 1.1 | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.6 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.5 | 3 | 2.3 | 1.8 | 17.5 | 12.7 | 8.7 | 5.8 | 4.2 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | 1.1 | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.6 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.5 | 3 | 2.3 | 1.8 | 17.5 | 12.7 | 8.7 | 5.8 | 4.2 | 3.4 | 2.7 | 2.1 | 1.4 |
1.1 | 1.5 | 2 | 2.9 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.8 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | - | 1.3 | 1.6 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.2 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 9.9 | 5.1 | 2.8 | 2.2 | 1.7 | 16.3 | 11.8 | 8 | 5.4 | 3.9 | 3.2 | 2.5 | 2 | 1.3 |
1.1 | 1.5 | 2 | 2.9 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.8 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | - | 1.3 | 1.6 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.2 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 9.9 | 5.1 | 2.8 | 2.2 | 1.7 | 16.3 | 11.8 | 8 | 5.4 | 3.9 | 3.2 | 2.5 | 2 | 1.3 |
- | 1.4 | 1.9 | 2.7 | 3.9 | 1.1 | 1.1 | 1.4 | 1.8 | 2.2 | 5.8 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.6 | 1.1 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.3 | 1.1 | - | 1.2 | 1.5 | 1.8 | 2.1 | 5.8 | 3.7 | - | 1.1 | 1.4 | 1.6 | 1.9 | 2.8 | 1.1 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | - | 1.4 | 1.9 | 2.5 | 3.7 | 9.3 | 4.8 | 2.6 | 2 | 1.6 | 15.3 | 11.1 | 7.6 | 5.1 | 3.6 | 3 | 2.4 | 1.8 | 1.3 |
- | 1.4 | 1.9 | 2.7 | 3.9 | 1.1 | 1.1 | 1.4 | 1.8 | 2.2 | 5.8 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.6 | 1.1 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.3 | 1.1 | - | 1.2 | 1.5 | 1.8 | 2.1 | 5.8 | 3.7 | - | 1.1 | 1.4 | 1.6 | 1.9 | 2.8 | 1.1 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | - | 1.4 | 1.9 | 2.5 | 3.7 | 9.3 | 4.8 | 2.6 | 2 | 1.6 | 15.3 | 11.1 | 7.6 | 5.1 | 3.6 | 3 | 2.4 | 1.8 | 1.3 |
- | 1.3 | 1.8 | 2.5 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 2.1 | 5.4 | 3.5 | 1.1 | 1.1 | 1.3 | 1.6 | 1.8 | 3.4 | 1.2 | 1.1 | 1.1 | - | 1.1 | 1.3 | 1.2 | 1.2 | 1.1 | 1.1 | 1.3 | 1.3 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.4 | 1.6 | 2 | 5.4 | 3.4 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.6 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.7 | 2.4 | 3.4 | 8.6 | 4.5 | 2.4 | 1.9 | 1.5 | 14.3 | 10.3 | 7.1 | 4.8 | 3.4 | 2.8 | 2.2 | 1.7 | 1.2 |
- | 1.3 | 1.8 | 2.5 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 2.1 | 5.4 | 3.5 | 1.1 | 1.1 | 1.3 | 1.6 | 1.8 | 3.4 | 1.2 | 1.1 | 1.1 | - | 1.1 | 1.3 | 1.2 | 1.2 | 1.1 | 1.1 | 1.3 | 1.3 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.4 | 1.6 | 2 | 5.4 | 3.4 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.6 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.7 | 2.4 | 3.4 | 8.6 | 4.5 | 2.4 | 1.9 | 1.5 | 14.3 | 10.3 | 7.1 | 4.8 | 3.4 | 2.8 | 2.2 | 1.7 | 1.2 |
1.1 | 1.2 | 1.7 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.4 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.8 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.3 | 1.8 | 1.4 | 13.2 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 1.3 | 1.2 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.4 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | - | 1.3 | 1.5 | 1.8 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.4 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.3 | 1.8 | 1.4 | 13.2 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
Lime
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 98 | #F9FCE9 | hsl( 66, 3, 95) | rgb(250, 252, 232) | --zc-lime-20 | |
40 | 96 | #F3F8D3 | hsl( 69, 7, 90) | rgb(242, 247, 212) | --zc-lime-40 | |
60 | 95 | #EDF5BE | hsl( 69, 11, 85) | rgb(237, 245, 191) | --zc-lime-60 | |
80 | 93 | #E7F1A8 | hsl( 68, 17, 80) | rgb(232, 242, 168) | --zc-lime-80 | |
100 | 91 | #E1EE92 | hsl( 68, 23, 75) | rgb(224, 237, 145) | --zc-lime-100 |
Lime contrast table
Here's the contrast table for accessibility of Lime
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.2 | 1.6 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.4 | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | 1.1 | 1.2 | 1.4 | 2 | 3.5 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.6 | 3.1 | 2.4 | 1.9 | 18.1 | 13.1 | 8.9 | 6 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.4 | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | 1.1 | 1.2 | 1.4 | 2 | 3.5 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.6 | 3.1 | 2.4 | 1.9 | 18.1 | 13.1 | 8.9 | 6 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.5 | 2.1 | 3 | 4.3 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.9 | 2.2 | 4 | - | - | 1.1 | 1.2 | 1.3 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.4 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.8 | 4.1 | 10.4 | 5.3 | 2.9 | 2.3 | 1.8 | 17.1 | 12.4 | 8.4 | 5.7 | 4.1 | 3.3 | 2.6 | 2.1 | 1.4 |
1.2 | 1.5 | 2.1 | 3 | 4.3 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.9 | 2.2 | 4 | - | - | 1.1 | 1.2 | 1.3 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.4 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.8 | 4.1 | 10.4 | 5.3 | 2.9 | 2.3 | 1.8 | 17.1 | 12.4 | 8.4 | 5.7 | 4.1 | 3.3 | 2.6 | 2.1 | 1.4 |
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.2 | 1.2 | 1.5 | 1.9 | 2.4 | 6.3 | 4.1 | - | 1.3 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.7 | 2.1 | 3 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5.2 | 2.8 | 2.2 | 1.7 | 16.5 | 12 | 8.2 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.2 | 1.2 | 1.5 | 1.9 | 2.4 | 6.3 | 4.1 | - | 1.3 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.7 | 2.1 | 3 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5.2 | 2.8 | 2.2 | 1.7 | 16.5 | 12 | 8.2 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.4 | 2 | 2.8 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 6 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.8 | 9.6 | 5 | 2.7 | 2.1 | 1.6 | 15.9 | 11.5 | 7.9 | 5.3 | 3.8 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.4 | 2 | 2.8 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 6 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.8 | 9.6 | 5 | 2.7 | 2.1 | 1.6 | 15.9 | 11.5 | 7.9 | 5.3 | 3.8 | 3.1 | 2.4 | 1.9 | 1.3 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.6 | 15 | 10.9 | 7.4 | 5 | 3.6 | 2.9 | 2.3 | 1.8 | 1.2 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.6 | 15 | 10.9 | 7.4 | 5 | 3.6 | 2.9 | 2.3 | 1.8 | 1.2 |
Lemon
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 99 | #FFFDE3 | hsl( 54, 5, 95) | rgb(255, 252, 227) | --zc-lemon-20 | |
40 | 98 | #FFFCC7 | hsl( 57, 11, 89) | rgb(255, 252, 199) | --zc-lemon-40 | |
60 | 97 | #FFFAAB | hsl( 56, 19, 84) | rgb(255, 250, 171) | --zc-lemon-60 | |
80 | 96 | #FFF98F | hsl( 57, 27, 78) | rgb(255, 250, 143) | --zc-lemon-80 | |
100 | 96 | #FFF773 | hsl( 57, 37, 73) | rgb(255, 247, 115) | --zc-lemon-100 | |
aa | 83 | #FFC828 | hsl( 44, 72, 58) | rgb(255, 199, 41) | --zc-lemon-aa |
Lemon contrast table
Here's the contrast table for accessibility of Lemon
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N | |
aa | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.2 | 1.6 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 7 | 4.5 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | 1.1 | 1.2 | 1.4 | 2 | 3.5 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.7 | 3.1 | 2.4 | 1.9 | 18.2 | 13.2 | 9 | 6.1 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 7 | 4.5 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | 1.1 | 1.2 | 1.4 | 2 | 3.5 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.7 | 3.1 | 2.4 | 1.9 | 18.2 | 13.2 | 9 | 6.1 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.3 | 3.2 | 4.5 | 1.3 | 1.3 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.2 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.4 | 2 | 3.4 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 10.9 | 5.6 | 3.1 | 2.4 | 1.9 | 18 | 13 | 8.9 | 6 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.3 | 3.2 | 4.5 | 1.3 | 1.3 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.1 | 1.4 | 1.6 | 2 | 2.3 | 4.2 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.1 | 1.2 | - | - | - | - | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.5 | 6.8 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 3.3 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.4 | 2 | 3.4 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 10.9 | 5.6 | 3.1 | 2.4 | 1.9 | 18 | 13 | 8.9 | 6 | 4.3 | 3.5 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | 1.1 | 1.1 | 1.2 | - | - | - | - | - | 1.5 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.6 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.5 | 3 | 2.3 | 1.8 | 17.5 | 12.7 | 8.7 | 5.8 | 4.2 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | 1.1 | 1.1 | 1.2 | - | - | - | - | - | 1.5 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.6 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.4 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.5 | 3 | 2.3 | 1.8 | 17.5 | 12.7 | 8.7 | 5.8 | 4.2 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | - | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.1 | 10.5 | 5.4 | 3 | 2.3 | 1.8 | 17.3 | 12.6 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | - | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.1 | 10.5 | 5.4 | 3 | 2.3 | 1.8 | 17.3 | 12.6 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.5 | 2.1 | 3 | 4.3 | 1.3 | 1.3 | 1.6 | 1.9 | 2.4 | 6.4 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 4 | - | - | 1.1 | 1.2 | 1.3 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.4 | 6.3 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.1 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.2 | 1.5 | 2 | 2.8 | 4 | 10.2 | 5.3 | 2.9 | 2.2 | 1.7 | 16.9 | 12.2 | 8.3 | 5.6 | 4 | 3.3 | 2.6 | 2 | 1.4 |
1.2 | 1.5 | 2.1 | 3 | 4.3 | 1.3 | 1.3 | 1.6 | 1.9 | 2.4 | 6.4 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 4 | - | - | 1.1 | 1.2 | 1.3 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.4 | 6.3 | 4.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.1 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.2 | 1.5 | 2 | 2.8 | 4 | 10.2 | 5.3 | 2.9 | 2.2 | 1.7 | 16.9 | 12.2 | 8.3 | 5.6 | 4 | 3.3 | 2.6 | 2 | 1.4 |
1.2 | 1.1 | 1.5 | 2.1 | 3.1 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 4.6 | 3 | 1.3 | 1.1 | 1.1 | 1.3 | 1.5 | 2.9 | 1.4 | 1.3 | 1.3 | 1.2 | 1.1 | 1.5 | 1.4 | 1.4 | 1.3 | 1.2 | 1.5 | 1.5 | 1.5 | 1.4 | 1.4 | - | 1.4 | 1.3 | 1.1 | 1.2 | 1.4 | 1.7 | 4.5 | 2.9 | 1.3 | 1.1 | 1.1 | 1.3 | 1.5 | 2.2 | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.2 | 1.1 | 1.3 | 2.3 | 1.2 | 1.1 | 1.5 | 2 | 2.9 | 7.3 | 3.8 | 2.1 | 1.6 | 1.2 | 12.1 | 8.8 | 6 | 4 | 2.9 | 2.3 | 1.9 | 1.5 | - |
1.2 | 1.1 | 1.5 | 2.1 | 3.1 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 4.6 | 3 | 1.3 | 1.1 | 1.1 | 1.3 | 1.5 | 2.9 | 1.4 | 1.3 | 1.3 | 1.2 | 1.1 | 1.5 | 1.4 | 1.4 | 1.3 | 1.2 | 1.5 | 1.5 | 1.5 | 1.4 | 1.4 | - | 1.4 | 1.3 | 1.1 | 1.2 | 1.4 | 1.7 | 4.5 | 2.9 | 1.3 | 1.1 | 1.1 | 1.3 | 1.5 | 2.2 | 1.4 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.2 | 1.1 | 1.3 | 2.3 | 1.2 | 1.1 | 1.5 | 2 | 2.9 | 7.3 | 3.8 | 2.1 | 1.6 | 1.2 | 12.1 | 8.8 | 6 | 4 | 2.9 | 2.3 | 1.9 | 1.5 | - |
Peach
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
10 | 95 | #FAEDEC | hsl( 0, 2, 95) | rgb(250, 237, 237) | --zc-peach-10 | |
20 | 92 | #FFE3E1 | hsl( 6, 5, 94) | rgb(255, 227, 224) | --zc-peach-20 | |
40 | 85 | #FFC8C3 | hsl( 5, 13, 88) | rgb(255, 199, 194) | --zc-peach-40 | |
60 | 78 | #FFACA5 | hsl( 3, 20, 83) | rgb(255, 171, 166) | --zc-peach-60 | |
80 | 72 | #FF9187 | hsl( 5, 30, 76) | rgb(255, 145, 135) | --zc-peach-80 | |
100 | 66 | #FF7569 | hsl( 5, 41, 71) | rgb(255, 117, 105) | --zc-peach-100 | |
aaa | 37 | #9D342B | hsl( 4, 57, 39) | rgb(158, 51, 43) | --zc-peach-aaa | |
aa | 50 | #CB4B40 | hsl( 4, 52, 53) | rgb(204, 74, 64) | --zc-peach-aa |
Peach contrast table
Here's the contrast table for accessibility of Peach
:
Shade | Size |
---|---|
10 | L |
N | |
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N | |
aaa | L |
N | |
aa | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.2 | 1.2 | 1.5 | 1.9 | 2.4 | 6.3 | 4 | - | 1.3 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5.2 | 2.8 | 2.2 | 1.7 | 16.5 | 12 | 8.2 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.2 | 1.2 | 1.5 | 1.9 | 2.4 | 6.3 | 4 | - | 1.3 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.8 | 3.2 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5.2 | 2.8 | 2.2 | 1.7 | 16.5 | 12 | 8.2 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.4 | 2 | 2.7 | 3.9 | 1.2 | 1.2 | 1.4 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.3 | 1.1 | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.8 | 3.7 | - | 1.2 | 1.4 | 1.6 | 2 | 2.8 | 1.1 | - | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.7 | 9.4 | 4.9 | 2.7 | 2.1 | 1.6 | 15.5 | 11.3 | 7.7 | 5.2 | 3.7 | 3 | 2.4 | 1.9 | 1.3 |
1.1 | 1.4 | 2 | 2.7 | 3.9 | 1.2 | 1.2 | 1.4 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.3 | 1.1 | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.8 | 3.7 | - | 1.2 | 1.4 | 1.6 | 2 | 2.8 | 1.1 | - | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 3 | 1.1 | 1.4 | 1.9 | 2.6 | 3.7 | 9.4 | 4.9 | 2.7 | 2.1 | 1.6 | 15.5 | 11.3 | 7.7 | 5.2 | 3.7 | 3 | 2.4 | 1.9 | 1.3 |
1.1 | 1.2 | 1.6 | 2.2 | 3.2 | - | - | 1.2 | 1.5 | 1.8 | 4.9 | 3.1 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3 | 1.4 | 1.3 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.2 | 1.4 | 1.4 | 1.4 | 1.4 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.3 | 1.1 | 1.1 | 1.3 | 1.6 | 2.3 | 1.4 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.4 | 1.1 | 1.1 | 1.5 | 2.1 | 3 | 7.7 | 4 | 2.2 | 1.7 | 1.3 | 12.8 | 9.2 | 6.3 | 4.3 | 3 | 2.5 | 2 | 1.5 | - |
1.1 | 1.2 | 1.6 | 2.2 | 3.2 | - | - | 1.2 | 1.5 | 1.8 | 4.9 | 3.1 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3 | 1.4 | 1.3 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.2 | 1.4 | 1.4 | 1.4 | 1.4 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.3 | 1.1 | 1.1 | 1.3 | 1.6 | 2.3 | 1.4 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.4 | 1.1 | 1.1 | 1.5 | 2.1 | 3 | 7.7 | 4 | 2.2 | 1.7 | 1.3 | 12.8 | 9.2 | 6.3 | 4.3 | 3 | 2.5 | 2 | 1.5 | - |
1.4 | 1.1 | 1.3 | 1.8 | 2.6 | 1.3 | 1.3 | - | 1.2 | 1.5 | 4 | 2.6 | 1.5 | 1.3 | 1.1 | 1.1 | 1.3 | 2.5 | 1.7 | 1.6 | 1.5 | 1.4 | 1.3 | 1.7 | 1.6 | 1.6 | 1.5 | 1.4 | 1.7 | 1.7 | 1.7 | 1.7 | 1.6 | 1.2 | 1.6 | 1.5 | 1.2 | - | 1.2 | 1.5 | 3.9 | 2.5 | 1.5 | 1.3 | 1.1 | 1.1 | 1.3 | 1.9 | 1.7 | 1.6 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.3 | 1.1 | 2 | 1.4 | 1.1 | 1.3 | 1.7 | 2.5 | 6.3 | 3.3 | 1.8 | 1.4 | 1.1 | 10.4 | 7.6 | 5.2 | 3.5 | 2.5 | 2 | 1.6 | 1.3 | 1.2 |
1.4 | 1.1 | 1.3 | 1.8 | 2.6 | 1.3 | 1.3 | - | 1.2 | 1.5 | 4 | 2.6 | 1.5 | 1.3 | 1.1 | 1.1 | 1.3 | 2.5 | 1.7 | 1.6 | 1.5 | 1.4 | 1.3 | 1.7 | 1.6 | 1.6 | 1.5 | 1.4 | 1.7 | 1.7 | 1.7 | 1.7 | 1.6 | 1.2 | 1.6 | 1.5 | 1.2 | - | 1.2 | 1.5 | 3.9 | 2.5 | 1.5 | 1.3 | 1.1 | 1.1 | 1.3 | 1.9 | 1.7 | 1.6 | 1.4 | 1.4 | 1.2 | 1.6 | 1.4 | 1.3 | 1.1 | 2 | 1.4 | 1.1 | 1.3 | 1.7 | 2.5 | 6.3 | 3.3 | 1.8 | 1.4 | 1.1 | 10.4 | 7.6 | 5.2 | 3.5 | 2.5 | 2 | 1.6 | 1.3 | 1.2 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.3 | - | 1.2 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 2 | 2 | 1.9 | 1.8 | 1.6 | 1.5 | 2.1 | 2 | 1.9 | 1.8 | 1.7 | 2.1 | 2.1 | 2 | 2 | 1.9 | 1.4 | 1.9 | 1.8 | 1.5 | 1.2 | - | 1.2 | 3.3 | 2.1 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | 1.1 | 1.7 | 1.7 | 1.3 | 1.1 | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.7 | 6.3 | 4.3 | 2.9 | 2.1 | 1.7 | 1.3 | - | 1.4 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.3 | - | 1.2 | 3.3 | 2.1 | 1.8 | 1.5 | 1.3 | 1.1 | 1.1 | 2 | 2 | 1.9 | 1.8 | 1.6 | 1.5 | 2.1 | 2 | 1.9 | 1.8 | 1.7 | 2.1 | 2.1 | 2 | 2 | 1.9 | 1.4 | 1.9 | 1.8 | 1.5 | 1.2 | - | 1.2 | 3.3 | 2.1 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | 1.1 | 1.7 | 1.7 | 1.3 | 1.1 | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.7 | 6.3 | 4.3 | 2.9 | 2.1 | 1.7 | 1.3 | - | 1.4 |
2 | 1.5 | 1.1 | 1.3 | 1.8 | 1.9 | 1.9 | 1.5 | 1.2 | - | 2.7 | 1.8 | 2.2 | 1.8 | 1.5 | 1.3 | 1.1 | 1.7 | 2.4 | 2.3 | 2.1 | 2 | 1.8 | 2.5 | 2.4 | 2.3 | 2.2 | 2.1 | 2.5 | 2.5 | 2.4 | 2.4 | 2.4 | 1.7 | 2.3 | 2.2 | 1.8 | 1.5 | 1.2 | - | 2.7 | 1.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.1 | 1.3 | 2.4 | 2.3 | 2.1 | 2.1 | 1.8 | 2.4 | 2.1 | 1.8 | 1.3 | 1.4 | 2 | 1.6 | 1.1 | 1.2 | 1.7 | 4.4 | 2.2 | 1.2 | 1.1 | 1.3 | 7.2 | 5.2 | 3.6 | 2.4 | 1.7 | 1.4 | 1.1 | 1.2 | 1.7 |
2 | 1.5 | 1.1 | 1.3 | 1.8 | 1.9 | 1.9 | 1.5 | 1.2 | - | 2.7 | 1.8 | 2.2 | 1.8 | 1.5 | 1.3 | 1.1 | 1.7 | 2.4 | 2.3 | 2.1 | 2 | 1.8 | 2.5 | 2.4 | 2.3 | 2.2 | 2.1 | 2.5 | 2.5 | 2.4 | 2.4 | 2.4 | 1.7 | 2.3 | 2.2 | 1.8 | 1.5 | 1.2 | - | 2.7 | 1.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.1 | 1.3 | 2.4 | 2.3 | 2.1 | 2.1 | 1.8 | 2.4 | 2.1 | 1.8 | 1.3 | 1.4 | 2 | 1.6 | 1.1 | 1.2 | 1.7 | 4.4 | 2.2 | 1.2 | 1.1 | 1.3 | 7.2 | 5.2 | 3.6 | 2.4 | 1.7 | 1.4 | 1.1 | 1.2 | 1.7 |
5.5 | 4.2 | 3 | 2.1 | 1.5 | 5 | 5 | 4.1 | 3.3 | 2.6 | - | 1.5 | 6 | 4.9 | 4.2 | 3.5 | 2.9 | 1.6 | 6.6 | 6.1 | 5.8 | 5.4 | 5 | 6.8 | 6.4 | 6.2 | 6 | 5.6 | 6.8 | 6.8 | 6.6 | 6.5 | 6.3 | 4.5 | 6.2 | 5.8 | 4.8 | 3.9 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.5 | 6.1 | 5.6 | 5.6 | 4.8 | 6.5 | 5.6 | 4.9 | 3.5 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.8 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.4 | 3.1 | 4.6 |
5.5 | 4.2 | 3 | 2.1 | 1.5 | 5 | 5 | 4.1 | 3.3 | 2.6 | - | 1.5 | 6 | 4.9 | 4.2 | 3.5 | 2.9 | 1.6 | 6.6 | 6.1 | 5.8 | 5.4 | 5 | 6.8 | 6.4 | 6.2 | 6 | 5.6 | 6.8 | 6.8 | 6.6 | 6.5 | 6.3 | 4.5 | 6.2 | 5.8 | 4.8 | 3.9 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.5 | 6.1 | 5.6 | 5.6 | 4.8 | 6.5 | 5.6 | 4.9 | 3.5 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.8 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.4 | 3.1 | 4.6 |
3.5 | 2.7 | 1.9 | 1.4 | - | 3.2 | 3.2 | 2.6 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.2 | 1.9 | - | 4.2 | 3.9 | 3.7 | 3.4 | 3.2 | 4.4 | 4.1 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.2 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.5 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.1 | 3 | 2.1 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
3.5 | 2.7 | 1.9 | 1.4 | - | 3.2 | 3.2 | 2.6 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.2 | 1.9 | - | 4.2 | 3.9 | 3.7 | 3.4 | 3.2 | 4.4 | 4.1 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.2 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.5 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.1 | 3 | 2.1 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Candy
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 94 | #F9E8F1 | hsl(327, 3, 95) | rgb(250, 232, 242) | --zc-candy-20 | |
40 | 87 | #F3D2E3 | hsl(327, 6, 88) | rgb(242, 209, 227) | --zc-candy-40 | |
60 | 81 | #EDBBD6 | hsl(327, 11, 83) | rgb(237, 186, 214) | --zc-candy-60 | |
80 | 75 | #E7A5C8 | hsl(330, 16, 78) | rgb(232, 166, 199) | --zc-candy-80 | |
100 | 69 | #E18EBA | hsl(328, 21, 72) | rgb(224, 143, 186) | --zc-candy-100 | |
aa | 58 | #C96BA4 | hsl(324, 30, 60) | rgb(201, 107, 163) | --zc-candy-aa |
Candy contrast table
Here's the contrast table for accessibility of Candy
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N | |
aa | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.1 | 1.5 | 2 | 2.8 | 4.1 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.5 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.3 | 1.5 | 1.9 | 2.2 | 6 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3.1 | 1.1 | 1.4 | 1.9 | 2.7 | 3.8 | 9.7 | 5 | 2.7 | 2.1 | 1.7 | 16.1 | 11.6 | 7.9 | 5.4 | 3.8 | 3.1 | 2.5 | 1.9 | 1.3 |
1.1 | 1.5 | 2 | 2.8 | 4.1 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.5 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.3 | 1.5 | 1.9 | 2.2 | 6 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.2 | 1.7 | 3.1 | 1.1 | 1.4 | 1.9 | 2.7 | 3.8 | 9.7 | 5 | 2.7 | 2.1 | 1.7 | 16.1 | 11.6 | 7.9 | 5.4 | 3.8 | 3.1 | 2.5 | 1.9 | 1.3 |
1.1 | 1.2 | 1.7 | 2.4 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.5 | 1.7 | 3.2 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | 1.1 | 1.3 | 1.6 | 1.9 | 5.1 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.5 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.5 | 2.6 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.2 | 4.2 | 2.3 | 1.8 | 1.4 | 13.5 | 9.8 | 6.7 | 4.5 | 3.2 | 2.6 | 2.1 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.4 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.5 | 1.7 | 3.2 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.3 | 1.2 | 1.2 | 1.1 | 1.4 | 1.3 | 1.3 | 1.3 | 1.3 | 1.1 | 1.2 | 1.2 | 1.1 | 1.3 | 1.6 | 1.9 | 5.1 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 2.5 | 1.3 | 1.2 | 1.1 | 1.1 | - | 1.3 | 1.1 | - | 1.5 | 2.6 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.2 | 4.2 | 2.3 | 1.8 | 1.4 | 13.5 | 9.8 | 6.7 | 4.5 | 3.2 | 2.6 | 2.1 | 1.6 | 1.1 |
1.3 | - | 1.4 | 2 | 2.9 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.3 | 2.8 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.7 | 1.5 | 1.4 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.3 | 1.6 | 1.6 | 1.5 | 1.5 | 1.5 | 1.1 | 1.5 | 1.4 | 1.1 | 1.1 | 1.3 | 1.6 | 4.3 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.1 | 1.5 | 1.4 | 1.3 | 1.3 | 1.1 | 1.5 | 1.3 | 1.2 | 1.2 | 2.2 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.9 | 3.5 | 1.9 | 1.5 | 1.2 | 11.3 | 8.2 | 5.6 | 3.8 | 2.7 | 2.2 | 1.7 | 1.4 | 1.1 |
1.3 | - | 1.4 | 2 | 2.9 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.3 | 2.8 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.7 | 1.5 | 1.4 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.3 | 1.6 | 1.6 | 1.5 | 1.5 | 1.5 | 1.1 | 1.5 | 1.4 | 1.1 | 1.1 | 1.3 | 1.6 | 4.3 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.1 | 1.5 | 1.4 | 1.3 | 1.3 | 1.1 | 1.5 | 1.3 | 1.2 | 1.2 | 2.2 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.9 | 3.5 | 1.9 | 1.5 | 1.2 | 11.3 | 8.2 | 5.6 | 3.8 | 2.7 | 2.2 | 1.7 | 1.4 | 1.1 |
1.5 | 1.1 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.7 | 2.4 | 1.6 | 1.4 | 1.2 | - | 1.2 | 2.3 | 1.8 | 1.7 | 1.6 | 1.5 | 1.4 | 1.9 | 1.8 | 1.7 | 1.7 | 1.6 | 1.9 | 1.9 | 1.8 | 1.8 | 1.8 | 1.3 | 1.7 | 1.6 | 1.3 | 1.1 | 1.1 | 1.3 | 3.6 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 1.8 | 1.8 | 1.7 | 1.6 | 1.6 | 1.3 | 1.8 | 1.6 | 1.4 | - | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.8 | 3 | 1.6 | 1.3 | - | 9.6 | 7 | 4.8 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.3 |
1.5 | 1.1 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.7 | 2.4 | 1.6 | 1.4 | 1.2 | - | 1.2 | 2.3 | 1.8 | 1.7 | 1.6 | 1.5 | 1.4 | 1.9 | 1.8 | 1.7 | 1.7 | 1.6 | 1.9 | 1.9 | 1.8 | 1.8 | 1.8 | 1.3 | 1.7 | 1.6 | 1.3 | 1.1 | 1.1 | 1.3 | 3.6 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 1.8 | 1.8 | 1.7 | 1.6 | 1.6 | 1.3 | 1.8 | 1.6 | 1.4 | - | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.8 | 3 | 1.6 | 1.3 | - | 9.6 | 7 | 4.8 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.3 |
1.8 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2.1 | 1.9 | 1.8 | 1.7 | 2.3 | 2.2 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.7 | 1.2 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.5 | 1.4 | - | 1.2 | 7.9 | 5.7 | 3.9 | 2.6 | 1.9 | 1.5 | 1.2 | - | 1.5 |
1.8 | 1.4 | - | 1.4 | 2 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.9 | 2.2 | 2.1 | 1.9 | 1.8 | 1.7 | 2.3 | 2.2 | 2.1 | 2 | 1.9 | 2.3 | 2.3 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 2 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.6 | 2.2 | 1.9 | 1.7 | 1.2 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.5 | 1.4 | - | 1.2 | 7.9 | 5.7 | 3.9 | 2.6 | 1.9 | 1.5 | 1.2 | - | 1.5 |
2.7 | 2 | 1.4 | - | 1.4 | 2.4 | 2.4 | 2 | 1.6 | 1.3 | 2.1 | 1.3 | 2.9 | 2.4 | 2 | 1.7 | 1.4 | 1.3 | 3.2 | 3 | 2.8 | 2.6 | 2.4 | 3.3 | 3.1 | 3 | 2.9 | 2.7 | 3.3 | 3.3 | 3.2 | 3.2 | 3.1 | 2.2 | 3 | 2.8 | 2.3 | 1.9 | 1.6 | 1.3 | 2.1 | 1.3 | 2.9 | 2.5 | 2.1 | 1.8 | 1.4 | - | 3.2 | 3 | 2.7 | 2.7 | 2.3 | 3.1 | 2.7 | 2.4 | 1.7 | - | 2.7 | 2 | 1.5 | 1.1 | 1.3 | 3.3 | 1.7 | 1.1 | 1.4 | 1.8 | 5.5 | 4 | 2.7 | 1.8 | 1.3 | 1.1 | 1.2 | 1.5 | 2.2 |
2.7 | 2 | 1.4 | - | 1.4 | 2.4 | 2.4 | 2 | 1.6 | 1.3 | 2.1 | 1.3 | 2.9 | 2.4 | 2 | 1.7 | 1.4 | 1.3 | 3.2 | 3 | 2.8 | 2.6 | 2.4 | 3.3 | 3.1 | 3 | 2.9 | 2.7 | 3.3 | 3.3 | 3.2 | 3.2 | 3.1 | 2.2 | 3 | 2.8 | 2.3 | 1.9 | 1.6 | 1.3 | 2.1 | 1.3 | 2.9 | 2.5 | 2.1 | 1.8 | 1.4 | - | 3.2 | 3 | 2.7 | 2.7 | 2.3 | 3.1 | 2.7 | 2.4 | 1.7 | - | 2.7 | 2 | 1.5 | 1.1 | 1.3 | 3.3 | 1.7 | 1.1 | 1.4 | 1.8 | 5.5 | 4 | 2.7 | 1.8 | 1.3 | 1.1 | 1.2 | 1.5 | 2.2 |
Powder pink
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 97 | #FFF3FB | hsl(323, 2, 97) | rgb(255, 242, 250) | --zc-powder-pink-20 | |
40 | 94 | #FFE8F7 | hsl(321, 4, 95) | rgb(255, 232, 247) | --zc-powder-pink-40 | |
60 | 91 | #FFDCF2 | hsl(322, 7, 93) | rgb(255, 219, 242) | --zc-powder-pink-60 | |
80 | 91 | #FFDCF2 | hsl(322, 7, 93) | rgb(255, 219, 242) | --zc-powder-pink-80 | |
100 | 86 | #FFC5EA | hsl(320, 12, 88) | rgb(255, 196, 235) | --zc-powder-pink-100 |
Powder pink contrast table
Here's the contrast table for accessibility of Powder pink
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | - | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.1 | 10.5 | 5.4 | 3 | 2.3 | 1.8 | 17.4 | 12.6 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.1 | - | 1.1 | 1.1 | 1.2 | 1.3 | - | - | - | 1.1 | 1.2 | - | - | - | - | - | 1.4 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.2 | - | 1.1 | 1.2 | 1.2 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.1 | 10.5 | 5.4 | 3 | 2.3 | 1.8 | 17.4 | 12.6 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.4 |
1.1 | 1.5 | 2 | 2.9 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.8 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | - | 1.3 | 1.6 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.2 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 9.9 | 5.1 | 2.8 | 2.2 | 1.7 | 16.3 | 11.8 | 8 | 5.4 | 3.9 | 3.2 | 2.5 | 2 | 1.3 |
1.1 | 1.5 | 2 | 2.9 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.2 | 4 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.8 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | - | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | - | 1.3 | 1.6 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.2 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 9.9 | 5.1 | 2.8 | 2.2 | 1.7 | 16.3 | 11.8 | 8 | 5.4 | 3.9 | 3.2 | 2.5 | 2 | 1.3 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.5 | 15 | 10.8 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 1.2 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.5 | 15 | 10.8 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 1.2 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.5 | 15 | 10.8 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 1.2 |
- | 1.4 | 1.9 | 2.6 | 3.8 | 1.1 | 1.1 | 1.4 | 1.7 | 2.2 | 5.7 | 3.7 | 1.1 | 1.1 | 1.4 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.1 | 1.6 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.1 | 4.7 | 2.6 | 2 | 1.5 | 15 | 10.8 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 1.2 |
1.1 | 1.2 | 1.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 4.9 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3 | 1.4 | 1.3 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.2 | 1.4 | 1.4 | 1.4 | 1.3 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.2 | - | 1.1 | 1.3 | 1.6 | 2.3 | 1.3 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.1 | 3.1 | 7.8 | 4 | 2.2 | 1.7 | 1.3 | 12.9 | 9.3 | 6.4 | 4.3 | 3.1 | 2.5 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 4.9 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3 | 1.4 | 1.3 | 1.2 | 1.1 | - | 1.4 | 1.3 | 1.3 | 1.2 | 1.2 | 1.4 | 1.4 | 1.4 | 1.3 | 1.3 | 1.1 | 1.3 | 1.2 | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.2 | - | 1.1 | 1.3 | 1.6 | 2.3 | 1.3 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.5 | 1.1 | 1.2 | 1.6 | 2.1 | 3.1 | 7.8 | 4 | 2.2 | 1.7 | 1.3 | 12.9 | 9.3 | 6.4 | 4.3 | 3.1 | 2.5 | 2 | 1.6 | 1.1 |
Lilac
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 90 | #E2E1F5 | hsl(249, 3, 92) | rgb(227, 224, 245) | --zc-lilac-20 | |
40 | 80 | #C5C4EC | hsl(240, 9, 85) | rgb(196, 196, 237) | --zc-lilac-40 | |
60 | 70 | #A7A6E2 | hsl(240, 15, 77) | rgb(166, 166, 227) | --zc-lilac-60 | |
80 | 60 | #8A89D9 | hsl(240, 21, 70) | rgb(138, 138, 217) | --zc-lilac-80 | |
100 | 50 | #6D6BCF | hsl(242, 31, 62) | rgb(110, 107, 207) | --zc-lilac-100 |
Lilac contrast table
Here's the contrast table for accessibility of Lilac
:
Shade | Size |
---|---|
20 | L |
N | |
40 | L |
N | |
60 | L |
N | |
80 | L |
N | |
100 | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
- | 1.3 | 1.8 | 2.6 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.4 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.8 | 4.6 | 2.5 | 1.9 | 1.5 | 14.6 | 10.6 | 7.2 | 4.9 | 3.5 | 2.8 | 2.2 | 1.8 | 1.2 |
- | 1.3 | 1.8 | 2.6 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.6 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.4 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 2 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 1.8 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.8 | 4.6 | 2.5 | 1.9 | 1.5 | 14.6 | 10.6 | 7.2 | 4.9 | 3.5 | 2.8 | 2.2 | 1.8 | 1.2 |
1.3 | - | 1.4 | 2 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.3 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.3 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.1 | 1.1 | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2 | 1.6 | 1.5 | 1.3 | 1.3 | 1.2 | 1.5 | 1.3 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.8 | 3.5 | 1.9 | 1.5 | 1.2 | 11.2 | 8.1 | 5.5 | 3.7 | 2.7 | 2.2 | 1.7 | 1.4 | 1.1 |
1.3 | - | 1.4 | 2 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.3 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.6 | 1.6 | 1.5 | 1.4 | 1.3 | 1.2 | 1.6 | 1.5 | 1.5 | 1.4 | 1.3 | 1.6 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.1 | 1.1 | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2 | 1.6 | 1.5 | 1.3 | 1.3 | 1.2 | 1.5 | 1.3 | 1.2 | 1.2 | 2.1 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.8 | 3.5 | 1.9 | 1.5 | 1.2 | 11.2 | 8.1 | 5.5 | 3.7 | 2.7 | 2.2 | 1.7 | 1.4 | 1.1 |
1.8 | 1.3 | - | 1.4 | 2.1 | 1.6 | 1.6 | 1.3 | 1.1 | 1.2 | 3.1 | 2 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 1.9 | 2.1 | 2 | 1.9 | 1.7 | 1.6 | 2.2 | 2.1 | 2 | 1.9 | 1.8 | 2.2 | 2.2 | 2.1 | 2.1 | 2 | 1.5 | 2 | 1.9 | 1.5 | 1.3 | 1.1 | 1.1 | 3.1 | 2 | 1.9 | 1.6 | 1.4 | 1.2 | - | 1.5 | 2.1 | 2 | 1.8 | 1.8 | 1.6 | 2.1 | 1.8 | 1.6 | 1.1 | 1.6 | 1.8 | 1.4 | - | 1.4 | 2 | 5 | 2.6 | 1.4 | 1.1 | 1.2 | 8.2 | 6 | 4.1 | 2.8 | 2 | 1.6 | 1.3 | - | 1.5 |
1.8 | 1.3 | - | 1.4 | 2.1 | 1.6 | 1.6 | 1.3 | 1.1 | 1.2 | 3.1 | 2 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 1.9 | 2.1 | 2 | 1.9 | 1.7 | 1.6 | 2.2 | 2.1 | 2 | 1.9 | 1.8 | 2.2 | 2.2 | 2.1 | 2.1 | 2 | 1.5 | 2 | 1.9 | 1.5 | 1.3 | 1.1 | 1.1 | 3.1 | 2 | 1.9 | 1.6 | 1.4 | 1.2 | - | 1.5 | 2.1 | 2 | 1.8 | 1.8 | 1.6 | 2.1 | 1.8 | 1.6 | 1.1 | 1.6 | 1.8 | 1.4 | - | 1.4 | 2 | 5 | 2.6 | 1.4 | 1.1 | 1.2 | 8.2 | 6 | 4.1 | 2.8 | 2 | 1.6 | 1.3 | - | 1.5 |
2.4 | 1.8 | 1.3 | 1.1 | 1.5 | 2.2 | 2.2 | 1.8 | 1.4 | 1.2 | 2.3 | 1.5 | 2.6 | 2.2 | 1.8 | 1.5 | 1.3 | 1.4 | 2.9 | 2.7 | 2.5 | 2.4 | 2.2 | 3 | 2.8 | 2.7 | 2.6 | 2.5 | 3 | 3 | 2.9 | 2.9 | 2.8 | 2 | 2.7 | 2.6 | 2.1 | 1.7 | 1.4 | 1.2 | 2.3 | 1.5 | 2.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.1 | 2.9 | 2.7 | 2.5 | 2.5 | 2.1 | 2.8 | 2.5 | 2.2 | 1.5 | 1.2 | 2.4 | 1.9 | 1.4 | - | 1.4 | 3.7 | 1.9 | - | 1.3 | 1.6 | 6 | 4.4 | 3 | 2 | 1.4 | 1.2 | 1.1 | 1.4 | 2 |
2.4 | 1.8 | 1.3 | 1.1 | 1.5 | 2.2 | 2.2 | 1.8 | 1.4 | 1.2 | 2.3 | 1.5 | 2.6 | 2.2 | 1.8 | 1.5 | 1.3 | 1.4 | 2.9 | 2.7 | 2.5 | 2.4 | 2.2 | 3 | 2.8 | 2.7 | 2.6 | 2.5 | 3 | 3 | 2.9 | 2.9 | 2.8 | 2 | 2.7 | 2.6 | 2.1 | 1.7 | 1.4 | 1.2 | 2.3 | 1.5 | 2.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.1 | 2.9 | 2.7 | 2.5 | 2.5 | 2.1 | 2.8 | 2.5 | 2.2 | 1.5 | 1.2 | 2.4 | 1.9 | 1.4 | - | 1.4 | 3.7 | 1.9 | - | 1.3 | 1.6 | 6 | 4.4 | 3 | 2 | 1.4 | 1.2 | 1.1 | 1.4 | 2 |
3.5 | 2.6 | 1.9 | 1.4 | 1.1 | 3.2 | 3.2 | 2.6 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.1 | 2.6 | 2.2 | 1.9 | - | 4.2 | 3.9 | 3.7 | 3.4 | 3.2 | 4.3 | 4.1 | 3.9 | 3.8 | 3.6 | 4.3 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.1 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.1 | 2.2 | 1.2 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2.1 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
3.5 | 2.6 | 1.9 | 1.4 | 1.1 | 3.2 | 3.2 | 2.6 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.1 | 2.6 | 2.2 | 1.9 | - | 4.2 | 3.9 | 3.7 | 3.4 | 3.2 | 4.3 | 4.1 | 3.9 | 3.8 | 3.6 | 4.3 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.2 | 2.7 | 2.3 | 1.9 | 1.3 | 4.1 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.1 | 2.2 | 1.2 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2.1 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Blue
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
dark | 24 | #23366F | hsl(226, 51, 29) | rgb( 36, 54, 112) | --zc-blue-dark | |
zurich | 43 | #2167AE | hsl(210, 68, 40) | rgb( 33, 102, 173) | --zc-blue-zurich | |
mid | 60 | #5495CF | hsl(209, 42, 57) | rgb( 84, 148, 207) | --zc-blue-mid | |
sky | 68 | #1FB1E6 | hsl(196, 76, 51) | rgb( 31, 176, 230) | --zc-blue-sky | |
light | 75 | #91BFE3 | hsl(206, 21, 73) | rgb(145, 191, 227) | --zc-blue-light |
Blue contrast table
Here's the contrast table for accessibility of Blue
:
Shade | Size |
---|---|
dark | L |
N | |
zurich | L |
N | |
mid | L |
N | |
sky | L |
N | |
light | L |
N |
C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C | C |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
8.9 | 6.7 | 4.8 | 3.4 | 2.4 | 8.1 | 8.1 | 6.6 | 5.3 | 4.2 | 1.6 | 2.5 | 9.6 | 8 | 6.7 | 5.6 | 4.8 | 2.6 | 10.6 | 9.9 | 9.3 | 8.6 | 8 | 11 | 10.4 | 10 | 9.6 | 9.1 | 11 | 10.9 | 10.6 | 10.5 | 10.2 | 7.3 | 10 | 9.4 | 7.7 | 6.3 | 5.3 | 4.4 | 1.6 | 2.5 | 9.7 | 8.2 | 6.9 | 5.8 | 4.8 | 3.3 | 10.5 | 9.9 | 9.1 | 9.1 | 7.8 | 10.4 | 9.1 | 8 | 5.6 | 3.2 | 8.8 | 6.8 | 5 | 3.7 | 2.5 | - | 1.9 | 3.5 | 4.6 | 5.9 | 1.6 | 1.2 | 1.2 | 1.8 | 2.6 | 3.1 | 3.9 | 5 | 7.4 |
8.9 | 6.7 | 4.8 | 3.4 | 2.4 | 8.1 | 8.1 | 6.6 | 5.3 | 4.2 | 1.6 | 2.5 | 9.6 | 8 | 6.7 | 5.6 | 4.8 | 2.6 | 10.6 | 9.9 | 9.3 | 8.6 | 8 | 11 | 10.4 | 10 | 9.6 | 9.1 | 11 | 10.9 | 10.6 | 10.5 | 10.2 | 7.3 | 10 | 9.4 | 7.7 | 6.3 | 5.3 | 4.4 | 1.6 | 2.5 | 9.7 | 8.2 | 6.9 | 5.8 | 4.8 | 3.3 | 10.5 | 9.9 | 9.1 | 9.1 | 7.8 | 10.4 | 9.1 | 8 | 5.6 | 3.2 | 8.8 | 6.8 | 5 | 3.7 | 2.5 | - | 1.9 | 3.5 | 4.6 | 5.9 | 1.6 | 1.2 | 1.2 | 1.8 | 2.6 | 3.1 | 3.9 | 5 | 7.4 |
4.6 | 3.4 | 2.5 | 1.8 | 1.2 | 4.2 | 4.2 | 3.4 | 2.7 | 2.2 | 1.2 | 1.3 | 5 | 4.1 | 3.5 | 2.9 | 2.4 | 1.3 | 5.5 | 5.1 | 4.8 | 4.5 | 4.1 | 5.6 | 5.3 | 5.2 | 5 | 4.7 | 5.7 | 5.6 | 5.5 | 5.4 | 5.3 | 3.8 | 5.2 | 4.9 | 4 | 3.3 | 2.7 | 2.2 | 1.2 | 1.3 | 5 | 4.2 | 3.5 | 3 | 2.5 | 1.7 | 5.4 | 5.1 | 4.7 | 4.7 | 4 | 5.4 | 4.7 | 4.1 | 2.9 | 1.6 | 4.6 | 3.5 | 2.6 | 1.9 | 1.3 | 1.9 | - | 1.8 | 2.4 | 3 | 3.2 | 2.3 | 1.6 | 1.1 | 1.3 | 1.6 | 2 | 2.6 | 3.8 |
4.6 | 3.4 | 2.5 | 1.8 | 1.2 | 4.2 | 4.2 | 3.4 | 2.7 | 2.2 | 1.2 | 1.3 | 5 | 4.1 | 3.5 | 2.9 | 2.4 | 1.3 | 5.5 | 5.1 | 4.8 | 4.5 | 4.1 | 5.6 | 5.3 | 5.2 | 5 | 4.7 | 5.7 | 5.6 | 5.5 | 5.4 | 5.3 | 3.8 | 5.2 | 4.9 | 4 | 3.3 | 2.7 | 2.2 | 1.2 | 1.3 | 5 | 4.2 | 3.5 | 3 | 2.5 | 1.7 | 5.4 | 5.1 | 4.7 | 4.7 | 4 | 5.4 | 4.7 | 4.1 | 2.9 | 1.6 | 4.6 | 3.5 | 2.6 | 1.9 | 1.3 | 1.9 | - | 1.8 | 2.4 | 3 | 3.2 | 2.3 | 1.6 | 1.1 | 1.3 | 1.6 | 2 | 2.6 | 3.8 |
2.5 | 1.9 | 1.4 | - | 1.5 | 2.3 | 2.3 | 1.9 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.4 | 3 | 2.8 | 2.6 | 2.4 | 2.3 | 3.1 | 2.9 | 2.8 | 2.7 | 2.6 | 3.1 | 3.1 | 3 | 3 | 2.9 | 2.1 | 2.8 | 2.7 | 2.2 | 1.8 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.4 | 1.1 | 3 | 2.8 | 2.6 | 2.6 | 2.2 | 2.9 | 2.6 | 2.2 | 1.6 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.5 | 1.8 | - | 1.3 | 1.7 | 5.8 | 4.2 | 2.9 | 2 | 1.4 | 1.1 | 1.1 | 1.4 | 2.1 |
2.5 | 1.9 | 1.4 | - | 1.5 | 2.3 | 2.3 | 1.9 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.2 | 1.9 | 1.6 | 1.3 | 1.4 | 3 | 2.8 | 2.6 | 2.4 | 2.3 | 3.1 | 2.9 | 2.8 | 2.7 | 2.6 | 3.1 | 3.1 | 3 | 3 | 2.9 | 2.1 | 2.8 | 2.7 | 2.2 | 1.8 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.4 | 1.1 | 3 | 2.8 | 2.6 | 2.6 | 2.2 | 2.9 | 2.6 | 2.2 | 1.6 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.5 | 1.8 | - | 1.3 | 1.7 | 5.8 | 4.2 | 2.9 | 2 | 1.4 | 1.1 | 1.1 | 1.4 | 2.1 |
1.9 | 1.5 | 1.1 | 1.3 | 1.9 | 1.8 | 1.8 | 1.4 | 1.2 | 1.1 | 2.9 | 1.8 | 2.1 | 1.7 | 1.5 | 1.2 | - | 1.8 | 2.3 | 2.2 | 2 | 1.9 | 1.8 | 2.4 | 2.3 | 2.2 | 2.1 | 2 | 2.4 | 2.4 | 2.3 | 2.3 | 2.2 | 1.6 | 2.2 | 2.1 | 1.7 | 1.4 | 1.1 | 1.1 | 2.8 | 1.8 | 2.1 | 1.8 | 1.5 | 1.3 | - | 1.4 | 2.3 | 2.2 | 2 | 2 | 1.7 | 2.3 | 2 | 1.7 | 1.2 | 1.4 | 1.9 | 1.5 | 1.1 | 1.3 | 1.8 | 4.6 | 2.4 | 1.3 | - | 1.3 | 7.6 | 5.5 | 3.7 | 2.5 | 1.8 | 1.5 | 1.2 | 1.1 | 1.6 |
1.9 | 1.5 | 1.1 | 1.3 | 1.9 | 1.8 | 1.8 | 1.4 | 1.2 | 1.1 | 2.9 | 1.8 | 2.1 | 1.7 | 1.5 | 1.2 | - | 1.8 | 2.3 | 2.2 | 2 | 1.9 | 1.8 | 2.4 | 2.3 | 2.2 | 2.1 | 2 | 2.4 | 2.4 | 2.3 | 2.3 | 2.2 | 1.6 | 2.2 | 2.1 | 1.7 | 1.4 | 1.1 | 1.1 | 2.8 | 1.8 | 2.1 | 1.8 | 1.5 | 1.3 | - | 1.4 | 2.3 | 2.2 | 2 | 2 | 1.7 | 2.3 | 2 | 1.7 | 1.2 | 1.4 | 1.9 | 1.5 | 1.1 | 1.3 | 1.8 | 4.6 | 2.4 | 1.3 | - | 1.3 | 7.6 | 5.5 | 3.7 | 2.5 | 1.8 | 1.5 | 1.2 | 1.1 | 1.6 |
1.5 | 1.1 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.7 | 2.4 | 1.6 | 1.4 | 1.1 | 1.1 | 1.2 | 2.3 | 1.8 | 1.7 | 1.6 | 1.5 | 1.4 | 1.9 | 1.8 | 1.7 | 1.6 | 1.6 | 1.9 | 1.9 | 1.8 | 1.8 | 1.7 | 1.2 | 1.7 | 1.6 | 1.3 | 1.1 | 1.1 | 1.3 | 3.6 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 1.8 | 1.8 | 1.7 | 1.5 | 1.5 | 1.3 | 1.8 | 1.6 | 1.4 | 1.1 | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.9 | 3 | 1.7 | 1.3 | - | 9.7 | 7 | 4.8 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.3 |
1.5 | 1.1 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.7 | 2.4 | 1.6 | 1.4 | 1.1 | 1.1 | 1.2 | 2.3 | 1.8 | 1.7 | 1.6 | 1.5 | 1.4 | 1.9 | 1.8 | 1.7 | 1.6 | 1.6 | 1.9 | 1.9 | 1.8 | 1.8 | 1.7 | 1.2 | 1.7 | 1.6 | 1.3 | 1.1 | 1.1 | 1.3 | 3.6 | 2.3 | 1.7 | 1.4 | 1.2 | - | 1.2 | 1.8 | 1.8 | 1.7 | 1.5 | 1.5 | 1.3 | 1.8 | 1.6 | 1.4 | 1.1 | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.9 | 3 | 1.7 | 1.3 | - | 9.7 | 7 | 4.8 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.3 |