Skip to content
Palettes
Azure
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 90 | #DAE2F4 | hsl(222, 54, 91) | rgb(218, 226, 244) | --zc-azure-20 | |
40 | 80 | #B6C6E8 | hsl(221, 52, 81) | rgb(182, 198, 232) | --zc-azure-40 | |
60 | 69 | #91A9DD | hsl(221, 53, 72) | rgb(145, 169, 221) | --zc-azure-60 | |
80 | 59 | #6D8DD1 | hsl(221, 52, 62) | rgb(109, 141, 209) | --zc-azure-80 | |
100 | 48 | #4870C6 | hsl(221, 53, 53) | rgb( 72, 112, 198) | --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.5 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.6 | 1.8 | 3.5 | 1.2 | 1.1 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.3 | 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.6 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.8 | 4.5 | 2.5 | 1.9 | 1.5 | 14.6 | 10.5 | 7.1 | 4.8 | 3.4 | 2.8 | 2.2 | 1.8 | 1.2 |
- | 1.3 | 1.8 | 2.5 | 3.7 | 1.1 | 1.1 | 1.3 | 1.7 | 2.1 | 5.5 | 3.5 | 1.1 | 1.1 | 1.3 | 1.6 | 1.8 | 3.5 | 1.2 | 1.1 | 1.1 | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.3 | 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.6 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.8 | 2.4 | 3.5 | 8.8 | 4.5 | 2.5 | 1.9 | 1.5 | 14.6 | 10.5 | 7.1 | 4.8 | 3.4 | 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.1 | 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.6 | 1.5 | 1.4 | 1.4 | 1.7 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | - | 1.3 | 1.5 | 4.1 | 2.6 | 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.4 | 1.9 | 1.4 | 1.1 | 11 | 8 | 5.4 | 3.6 | 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.1 | 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.6 | 1.5 | 1.4 | 1.4 | 1.7 | 1.6 | 1.6 | 1.6 | 1.5 | 1.1 | 1.5 | 1.4 | 1.2 | - | 1.3 | 1.5 | 4.1 | 2.6 | 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.4 | 1.9 | 1.4 | 1.1 | 11 | 8 | 5.4 | 3.6 | 2.6 | 2.1 | 1.7 | 1.3 | 1.1 |
1.8 | 1.4 | - | 1.4 | 2 | 1.6 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.6 | 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.2 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.5 | 2.2 | 2 | 1.9 | 1.9 | 1.6 | 2.1 | 1.9 | 1.6 | 1.1 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.9 | 2.5 | 1.4 | 1.1 | 1.2 | 8.1 | 5.8 | 3.9 | 2.7 | 1.9 | 1.6 | 1.2 | - | 1.5 |
1.8 | 1.4 | - | 1.4 | 2 | 1.6 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.6 | 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.2 | 2.2 | 2.2 | 2.1 | 1.5 | 2.1 | 1.9 | 1.6 | 1.3 | 1.1 | 1.1 | 3 | 1.9 | 2 | 1.7 | 1.4 | 1.2 | - | 1.5 | 2.2 | 2 | 1.9 | 1.9 | 1.6 | 2.1 | 1.9 | 1.6 | 1.1 | 1.5 | 1.8 | 1.4 | - | 1.3 | 1.9 | 4.9 | 2.5 | 1.4 | 1.1 | 1.2 | 8.1 | 5.8 | 3.9 | 2.7 | 1.9 | 1.6 | 1.2 | - | 1.5 |
2.5 | 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.4 | 3.1 | 2.9 | 2.7 | 2.5 | 2.3 | 3.2 | 3 | 2.9 | 2.7 | 2.6 | 3.2 | 3.1 | 3.1 | 3 | 2.9 | 2.1 | 2.9 | 2.7 | 2.2 | 1.8 | 1.5 | 1.3 | 2.2 | 1.4 | 2.8 | 2.4 | 2 | 1.7 | 1.4 | - | 3.1 | 2.8 | 2.6 | 2.6 | 2.3 | 3 | 2.6 | 2.3 | 1.6 | 1.1 | 2.6 | 2 | 1.4 | - | 1.4 | 3.5 | 1.8 | - | 1.3 | 1.7 | 5.8 | 4.1 | 2.8 | 1.9 | 1.3 | 1.1 | 1.1 | 1.4 | 2.1 |
2.5 | 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.4 | 3.1 | 2.9 | 2.7 | 2.5 | 2.3 | 3.2 | 3 | 2.9 | 2.7 | 2.6 | 3.2 | 3.1 | 3.1 | 3 | 2.9 | 2.1 | 2.9 | 2.7 | 2.2 | 1.8 | 1.5 | 1.3 | 2.2 | 1.4 | 2.8 | 2.4 | 2 | 1.7 | 1.4 | - | 3.1 | 2.8 | 2.6 | 2.6 | 2.3 | 3 | 2.6 | 2.3 | 1.6 | 1.1 | 2.6 | 2 | 1.4 | - | 1.4 | 3.5 | 1.8 | - | 1.3 | 1.7 | 5.8 | 4.1 | 2.8 | 1.9 | 1.3 | 1.1 | 1.1 | 1.4 | 2.1 |
3.7 | 2.8 | 2 | 1.4 | - | 3.3 | 3.3 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 3.3 | 2.8 | 2.3 | 2 | 1.1 | 4.5 | 4.1 | 3.9 | 3.6 | 3.4 | 4.6 | 4.4 | 4.2 | 4 | 3.8 | 4.6 | 4.5 | 4.4 | 4.4 | 4.3 | 3.1 | 4.2 | 3.9 | 3.2 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 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 | 1.9 | 1.3 | 1.1 | 1.3 | 1.7 | 2.1 | 3 |
3.7 | 2.8 | 2 | 1.4 | - | 3.3 | 3.3 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 3.3 | 2.8 | 2.3 | 2 | 1.1 | 4.5 | 4.1 | 3.9 | 3.6 | 3.4 | 4.6 | 4.4 | 4.2 | 4 | 3.8 | 4.6 | 4.5 | 4.4 | 4.4 | 4.3 | 3.1 | 4.2 | 3.9 | 3.2 | 2.7 | 2.2 | 1.8 | 1.5 | - | 4 | 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 | 1.9 | 1.3 | 1.1 | 1.3 | 1.7 | 2.1 | 3 |
Moss
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 86 | #C9DDCE | hsl(135, 23, 83) | rgb(201, 221, 206) | --zc-moss-20 | |
40 | 86 | #C9DDCE | hsl(135, 23, 83) | rgb(201, 221, 206) | --zc-moss-40 | |
60 | 79 | #ADCBB5 | hsl(136, 22, 74) | rgb(173, 203, 181) | --zc-moss-60 | |
80 | 72 | #92BA9D | hsl(137, 22, 65) | rgb(146, 186, 157) | --zc-moss-80 | |
100 | 65 | #77A984 | hsl(136, 23, 56) | rgb(119, 169, 132) | --zc-moss-100 | |
aaa | 37 | #32623D | hsl(134, 32, 29) | rgb( 50, 98, 61) | --zc-moss-aaa | |
aa | 49 | #428351 | hsl(134, 33, 39) | rgb( 66, 131, 81) | --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.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.3 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.3 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.3 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 2.3 | 3.3 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8 | 4.1 | 2.2 | 1.7 | 1.4 | 13.3 | 9.6 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.3 | - | 1.3 | 1.9 | 2.7 | 1.2 | 1.2 | - | 1.2 | 1.5 | 4.1 | 2.6 | 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.2 | 1.5 | 4 | 2.6 | 1.5 | 1.3 | 1.1 | 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.4 | - | 1.3 | 1.8 | 2.6 | 6.6 | 3.3 | 1.8 | 1.4 | 1.1 | 10.8 | 7.8 | 5.3 | 3.6 | 2.5 | 2.1 | 1.6 | 1.3 | 1.1 |
1.3 | - | 1.3 | 1.9 | 2.7 | 1.2 | 1.2 | - | 1.2 | 1.5 | 4.1 | 2.6 | 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.2 | 1.5 | 4 | 2.6 | 1.5 | 1.3 | 1.1 | 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.4 | - | 1.3 | 1.8 | 2.6 | 6.6 | 3.3 | 1.8 | 1.4 | 1.1 | 10.8 | 7.8 | 5.3 | 3.6 | 2.5 | 2.1 | 1.6 | 1.3 | 1.1 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.2 | - | 1.2 | 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.6 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | - | 1.7 | 1.7 | 1.3 | 1.1 | 1.5 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.8 | 6.3 | 4.3 | 2.9 | 2 | 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.2 | 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.6 | 1.3 | 1.1 | 1.1 | 1.6 | 2 | 1.9 | 1.7 | 1.7 | 1.5 | 2 | 1.7 | 1.5 | - | 1.7 | 1.7 | 1.3 | 1.1 | 1.5 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.8 | 6.3 | 4.3 | 2.9 | 2 | 1.7 | 1.3 | 1.1 | 1.4 |
2.1 | 1.6 | 1.1 | 1.2 | 1.8 | 1.9 | 1.9 | 1.5 | 1.2 | - | 2.6 | 1.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 1.7 | 2.5 | 2.3 | 2.2 | 2 | 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.1 | 1.9 | 1.3 | 1.3 | 2.1 | 1.6 | 1.2 | 1.2 | 1.7 | 4.3 | 2.2 | 1.2 | 1.1 | 1.4 | 7 | 5.1 | 3.4 | 2.3 | 1.6 | 1.4 | 1.1 | 1.2 | 1.7 |
2.1 | 1.6 | 1.1 | 1.2 | 1.8 | 1.9 | 1.9 | 1.5 | 1.2 | - | 2.6 | 1.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 1.7 | 2.5 | 2.3 | 2.2 | 2 | 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.1 | 1.9 | 1.3 | 1.3 | 2.1 | 1.6 | 1.2 | 1.2 | 1.7 | 4.3 | 2.2 | 1.2 | 1.1 | 1.4 | 7 | 5.1 | 3.4 | 2.3 | 1.6 | 1.4 | 1.1 | 1.2 | 1.7 |
5.5 | 4.1 | 3 | 2.2 | 1.5 | 5 | 5 | 4.1 | 3.3 | 2.6 | - | 1.6 | 5.9 | 5 | 4.2 | 3.5 | 3 | 1.6 | 6.7 | 6.2 | 5.8 | 5.4 | 5 | 6.8 | 6.5 | 6.2 | 5.9 | 5.7 | 6.9 | 6.8 | 6.6 | 6.5 | 6.4 | 4.6 | 6.2 | 5.9 | 4.8 | 4 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.6 | 6.1 | 5.7 | 5.7 | 4.9 | 6.5 | 5.7 | 4.9 | 3.4 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.5 | 3.1 | 4.6 |
5.5 | 4.1 | 3 | 2.2 | 1.5 | 5 | 5 | 4.1 | 3.3 | 2.6 | - | 1.6 | 5.9 | 5 | 4.2 | 3.5 | 3 | 1.6 | 6.7 | 6.2 | 5.8 | 5.4 | 5 | 6.8 | 6.5 | 6.2 | 5.9 | 5.7 | 6.9 | 6.8 | 6.6 | 6.5 | 6.4 | 4.6 | 6.2 | 5.9 | 4.8 | 4 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.6 | 6.1 | 5.7 | 5.7 | 4.9 | 6.5 | 5.7 | 4.9 | 3.4 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.5 | 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.3 | 4 | 3.7 | 3.5 | 3.2 | 4.4 | 4.2 | 4 | 3.8 | 3.7 | 4.4 | 4.4 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.8 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.3 | 2.8 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.2 | 3.6 | 3.2 | 2.2 | 1.3 | 3.6 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.1 | 3 | 2 | 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.3 | 4 | 3.7 | 3.5 | 3.2 | 4.4 | 4.2 | 4 | 3.8 | 3.7 | 4.4 | 4.4 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.8 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.3 | 2.8 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.2 | 3.6 | 3.2 | 2.2 | 1.3 | 3.6 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.1 | 3 | 2 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Teal
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 93 | #D1F1F0 | hsl(178, 53, 88) | rgb(209, 241, 240) | --zc-teal-20 | |
40 | 86 | #A3E3E2 | hsl(179, 53, 76) | rgb(163, 227, 226) | --zc-teal-40 | |
60 | 80 | #75D6D3 | hsl(178, 54, 65) | rgb(117, 214, 211) | --zc-teal-60 | |
80 | 74 | #47C8C5 | hsl(179, 54, 53) | rgb( 71, 200, 197) | --zc-teal-80 | |
100 | 69 | #19BAB6 | hsl(179, 76, 41) | rgb( 25, 186, 182) | --zc-teal-100 | |
aa | 50 | #088487 | hsl(181, 89, 28) | rgb( 8, 132, 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 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | - | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 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 | 4.9 | 2.7 | 2.1 | 1.6 | 15.8 | 11.4 | 7.7 | 5.2 | 3.7 | 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 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | - | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 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 | 4.9 | 2.7 | 2.1 | 1.6 | 15.8 | 11.4 | 7.7 | 5.2 | 3.7 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.2 | 1.6 | 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.2 | 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 | 2.2 | 1.7 | 1.4 | 13.2 | 9.5 | 6.4 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 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.2 | 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 | 2.2 | 1.7 | 1.4 | 13.2 | 9.5 | 6.4 | 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.6 | 1.5 | 1.4 | 1.4 | 1.7 | 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.4 | 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.4 | 1.9 | 1.5 | 1.1 | 11.1 | 8 | 5.4 | 3.7 | 2.6 | 2.2 | 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.6 | 1.5 | 1.4 | 1.4 | 1.7 | 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.4 | 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.4 | 1.9 | 1.5 | 1.1 | 11.1 | 8 | 5.4 | 3.7 | 2.6 | 2.2 | 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.2 | 1.7 | 1.4 | 1.2 | - | 1.2 | 2.2 | 1.9 | 1.8 | 1.7 | 1.5 | 1.4 | 1.9 | 1.9 | 1.8 | 1.7 | 1.6 | 2 | 1.9 | 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.6 | 2.2 | 5.7 | 2.9 | 1.6 | 1.2 | - | 9.3 | 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.2 | 1.7 | 1.4 | 1.2 | - | 1.2 | 2.2 | 1.9 | 1.8 | 1.7 | 1.5 | 1.4 | 1.9 | 1.9 | 1.8 | 1.7 | 1.6 | 2 | 1.9 | 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.6 | 2.2 | 5.7 | 2.9 | 1.6 | 1.2 | - | 9.3 | 6.7 | 4.5 | 3.1 | 2.2 | 1.8 | 1.4 | 1.1 | 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 | 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 | 3 | 1.9 | 2 | 1.7 | 1.5 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.7 | 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.9 | 5.7 | 3.8 | 2.6 | 1.8 | 1.5 | 1.2 | 1.1 | 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 | 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 | 3 | 1.9 | 2 | 1.7 | 1.5 | 1.2 | - | 1.4 | 2.2 | 2.1 | 1.9 | 1.9 | 1.7 | 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.9 | 5.7 | 3.8 | 2.6 | 1.8 | 1.5 | 1.2 | 1.1 | 1.5 |
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.4 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 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.1 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 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.4 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 3.9 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 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.1 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Mint
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 97 | #EDFBEE | hsl(124, 64, 96) | rgb(237, 251, 238) | --zc-mint-20 | |
40 | 94 | #DBF6DD | hsl(124, 60, 91) | rgb(219, 246, 221) | --zc-mint-40 | |
60 | 92 | #CAF2CD | hsl(125, 61, 87) | rgb(202, 242, 205) | --zc-mint-60 | |
80 | 89 | #B8EDBC | hsl(125, 60, 83) | rgb(184, 237, 188) | --zc-mint-80 | |
100 | 87 | #A6E9AB | hsl(124, 60, 78) | rgb(166, 233, 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.5 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.5 | 6.6 | 4.3 | 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.7 | 5.4 | 3 | 2.3 | 1.8 | 17.7 | 12.8 | 8.6 | 5.9 | 4.1 | 3.4 | 2.7 | 2.1 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.5 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.7 | 4.3 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.5 | 6.6 | 4.3 | 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.7 | 5.4 | 3 | 2.3 | 1.8 | 17.7 | 12.8 | 8.6 | 5.9 | 4.1 | 3.4 | 2.7 | 2.1 | 1.5 |
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.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.3 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5 | 2.8 | 2.1 | 1.7 | 16.5 | 11.9 | 8 | 5.4 | 3.8 | 3.2 | 2.5 | 2 | 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.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.1 | 1.1 | 1.1 | 1.1 | 1.1 | - | 1.3 | - | 1.1 | 1.3 | 1.6 | 1.9 | 2.3 | 6.2 | 3.9 | - | 1.2 | 1.4 | 1.7 | 2.1 | 3 | 1.1 | - | 1.1 | 1.1 | 1.3 | 1.1 | 1.1 | 1.3 | 1.8 | 3.1 | 1.1 | 1.5 | 2 | 2.7 | 3.9 | 10 | 5 | 2.8 | 2.1 | 1.7 | 16.5 | 11.9 | 8 | 5.4 | 3.8 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.4 | 1.9 | 2.7 | 3.9 | 1.2 | 1.2 | 1.4 | 1.8 | 2.2 | 5.8 | 3.7 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | 1.1 | - | 1.1 | 1.1 | 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.3 | 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.6 | 3.7 | 9.3 | 4.7 | 2.6 | 2 | 1.6 | 15.4 | 11.1 | 7.5 | 5.1 | 3.6 | 3 | 2.3 | 1.9 | 1.3 |
1.1 | 1.4 | 1.9 | 2.7 | 3.9 | 1.2 | 1.2 | 1.4 | 1.8 | 2.2 | 5.8 | 3.7 | - | 1.2 | 1.4 | 1.7 | 2 | 3.7 | 1.1 | 1.1 | - | 1.1 | 1.1 | 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.3 | 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.6 | 3.7 | 9.3 | 4.7 | 2.6 | 2 | 1.6 | 15.4 | 11.1 | 7.5 | 5.1 | 3.6 | 3 | 2.3 | 1.9 | 1.3 |
- | 1.3 | 1.8 | 2.5 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 2 | 5.4 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 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.3 | 1.5 | 1.8 | 2.6 | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.7 | 2.4 | 3.4 | 8.7 | 4.4 | 2.4 | 1.9 | 1.5 | 14.3 | 10.3 | 7 | 4.7 | 3.3 | 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 | 5.4 | 3.5 | 1.1 | 1.1 | 1.3 | 1.5 | 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.3 | 1.5 | 1.8 | 2.6 | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | 1.6 | 2.7 | - | 1.3 | 1.7 | 2.4 | 3.4 | 8.7 | 4.4 | 2.4 | 1.9 | 1.5 | 14.3 | 10.3 | 7 | 4.7 | 3.3 | 2.8 | 2.2 | 1.7 | 1.2 |
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.1 | 2.3 | 1.8 | 1.4 | 13.4 | 9.7 | 6.5 | 4.4 | 3.1 | 2.6 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.3 | 3.4 | - | - | 1.2 | 1.5 | 1.9 | 5 | 3.2 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.2 | 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.5 | 2.5 | 1.1 | 1.2 | 1.6 | 2.2 | 3.2 | 8.1 | 4.1 | 2.3 | 1.8 | 1.4 | 13.4 | 9.7 | 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( 69, 76, 95) | rgb(249, 252, 233) | --zc-lime-20 | |
40 | 96 | #F3F8D3 | hsl( 68, 73, 90) | rgb(243, 248, 211) | --zc-lime-40 | |
60 | 95 | #EDF5BE | hsl( 69, 73, 85) | rgb(237, 245, 190) | --zc-lime-60 | |
80 | 93 | #E7F1A8 | hsl( 68, 72, 80) | rgb(231, 241, 168) | --zc-lime-80 | |
100 | 91 | #E1EE92 | hsl( 68, 73, 75) | rgb(225, 238, 146) | --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.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | - | 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.2 | 1.4 | 2 | 3.4 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.6 | 3.1 | 2.4 | 1.9 | 18.2 | 13.1 | 8.8 | 6 | 4.2 | 3.5 | 2.7 | 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.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | - | 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.2 | 1.4 | 2 | 3.4 | 1.2 | 1.6 | 2.2 | 3 | 4.3 | 11 | 5.6 | 3.1 | 2.4 | 1.9 | 18.2 | 13.1 | 8.8 | 6 | 4.2 | 3.5 | 2.7 | 2.2 | 1.5 |
1.2 | 1.6 | 2.1 | 3 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 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.1 | - | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | 1.1 | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.9 | 4.1 | 10.5 | 5.3 | 2.9 | 2.3 | 1.8 | 17.3 | 12.5 | 8.4 | 5.7 | 4 | 3.4 | 2.6 | 2.1 | 1.4 |
1.2 | 1.6 | 2.1 | 3 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 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.1 | - | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | 1.1 | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.9 | 4.1 | 10.5 | 5.3 | 2.9 | 2.3 | 1.8 | 17.3 | 12.5 | 8.4 | 5.7 | 4 | 3.4 | 2.6 | 2.1 | 1.4 |
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.3 | 1.3 | 1.5 | 1.9 | 2.4 | 6.2 | 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.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.1 | 1.1 | 1.5 | 2 | 2.8 | 4 | 10.1 | 5.1 | 2.8 | 2.2 | 1.7 | 16.6 | 12 | 8.1 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.5 | 2.1 | 2.9 | 4.2 | 1.3 | 1.3 | 1.5 | 1.9 | 2.4 | 6.2 | 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.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.1 | 1.1 | 1.5 | 2 | 2.8 | 4 | 10.1 | 5.1 | 2.8 | 2.2 | 1.7 | 16.6 | 12 | 8.1 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.4 | 2 | 2.7 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | - | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 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 | 4.9 | 2.7 | 2.1 | 1.6 | 15.8 | 11.4 | 7.7 | 5.2 | 3.7 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.4 | 2 | 2.7 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 3.8 | 1.1 | - | - | 1.1 | 1.2 | 1.1 | 1.1 | - | - | - | 1.2 | 1.1 | 1.1 | 1.1 | 1.1 | 1.3 | - | - | 1.2 | 1.5 | 1.8 | 2.2 | 5.9 | 3.8 | - | 1.2 | 1.4 | 1.7 | 2 | 2.9 | 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 | 4.9 | 2.7 | 2.1 | 1.6 | 15.8 | 11.4 | 7.7 | 5.2 | 3.7 | 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.2 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.8 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.7 | 2.6 | 2 | 1.6 | 15.2 | 11 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 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.2 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.8 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.7 | 2.6 | 2 | 1.6 | 15.2 | 11 | 7.4 | 5 | 3.5 | 2.9 | 2.3 | 1.8 | 1.3 |
Lemon
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 99 | #FFFDE3 | hsl( 56, 100, 95) | rgb(255, 253, 227) | --zc-lemon-20 | |
40 | 98 | #FFFCC7 | hsl( 57, 100, 89) | rgb(255, 252, 199) | --zc-lemon-40 | |
60 | 97 | #FFFAAB | hsl( 56, 100, 84) | rgb(255, 250, 171) | --zc-lemon-60 | |
80 | 96 | #FFF98F | hsl( 57, 100, 78) | rgb(255, 249, 143) | --zc-lemon-80 | |
100 | 96 | #FFF773 | hsl( 57, 100, 73) | rgb(255, 247, 115) | --zc-lemon-100 | |
aa | 83 | #FFC828 | hsl( 45, 100, 58) | rgb(255, 200, 40) | --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.3 | 1.7 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.2 | 1.4 | 1.7 | 2 | 2.3 | 4.4 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.2 | 1.2 | - | - | - | 1.1 | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 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.3 | 1.6 | 2.2 | 3.1 | 4.4 | 11.2 | 5.6 | 3.1 | 2.4 | 1.9 | 18.4 | 13.3 | 9 | 6.1 | 4.3 | 3.6 | 2.8 | 2.2 | 1.5 |
1.3 | 1.7 | 2.3 | 3.2 | 4.6 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 4.4 | 1.2 | 1.4 | 1.7 | 2 | 2.3 | 4.4 | - | 1.1 | 1.2 | 1.3 | 1.4 | - | 1.1 | 1.1 | 1.2 | 1.2 | - | - | - | 1.1 | 1.1 | 1.5 | 1.1 | 1.2 | 1.4 | 1.7 | 2.1 | 2.6 | 6.9 | 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.3 | 1.6 | 2.2 | 3.1 | 4.4 | 11.2 | 5.6 | 3.1 | 2.4 | 1.9 | 18.4 | 13.3 | 9 | 6.1 | 4.3 | 3.6 | 2.8 | 2.2 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.5 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.3 | - | - | 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.5 | 3 | 2.4 | 1.9 | 18 | 13 | 8.8 | 6 | 4.2 | 3.5 | 2.7 | 2.2 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.5 | 1.4 | 1.4 | 1.7 | 2.1 | 2.6 | 6.8 | 4.4 | 1.1 | 1.4 | 1.6 | 1.9 | 2.3 | 4.3 | - | 1.1 | 1.2 | 1.3 | 1.3 | - | - | 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.5 | 3 | 2.4 | 1.9 | 18 | 13 | 8.8 | 6 | 4.2 | 3.5 | 2.7 | 2.2 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.2 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.7 | 5.4 | 3 | 2.3 | 1.8 | 17.6 | 12.7 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.5 |
1.2 | 1.6 | 2.2 | 3.1 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.6 | 4.2 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.7 | 5.4 | 3 | 2.3 | 1.8 | 17.6 | 12.7 | 8.6 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.5 |
1.2 | 1.6 | 2.2 | 3 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 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.1 | - | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | 1.1 | 1.1 | 1.1 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.9 | 4.1 | 10.5 | 5.3 | 2.9 | 2.3 | 1.8 | 17.3 | 12.5 | 8.4 | 5.7 | 4 | 3.4 | 2.6 | 2.1 | 1.4 |
1.2 | 1.6 | 2.2 | 3 | 4.4 | 1.3 | 1.3 | 1.6 | 2 | 2.5 | 6.5 | 4.2 | 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.1 | - | - | - | - | 1.4 | - | 1.1 | 1.3 | 1.6 | 2 | 2.4 | 6.5 | 4.2 | 1.1 | 1.3 | 1.5 | 1.8 | 2.2 | 3.1 | - | 1.1 | 1.1 | 1.1 | 1.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.5 | 2.1 | 2.9 | 4.1 | 10.5 | 5.3 | 2.9 | 2.3 | 1.8 | 17.3 | 12.5 | 8.4 | 5.7 | 4 | 3.4 | 2.6 | 2.1 | 1.4 |
1.2 | 1.5 | 2.1 | 2.9 | 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.4 | 4.1 | 1.1 | 1.2 | 1.5 | 1.8 | 2.1 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.2 | 1.2 | 1.5 | 2 | 2.8 | 4 | 10.3 | 5.2 | 2.9 | 2.2 | 1.7 | 17 | 12.2 | 8.3 | 5.6 | 4 | 3.3 | 2.6 | 2 | 1.4 |
1.2 | 1.5 | 2.1 | 2.9 | 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.4 | 4.1 | 1.1 | 1.2 | 1.5 | 1.8 | 2.1 | 3.1 | - | - | 1.1 | 1.1 | 1.3 | - | 1.1 | 1.3 | 1.9 | 3.2 | 1.2 | 1.5 | 2 | 2.8 | 4 | 10.3 | 5.2 | 2.9 | 2.2 | 1.7 | 17 | 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 | 2.9 | 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.4 | 1.4 | 1.4 | - | 1.4 | 1.3 | 1.1 | 1.2 | 1.4 | 1.7 | 4.6 | 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.4 | 3.7 | 2.1 | 1.6 | 1.3 | 12.2 | 8.8 | 5.9 | 4 | 2.8 | 2.4 | 1.8 | 1.5 | - |
1.2 | 1.1 | 1.5 | 2.1 | 3.1 | 1.1 | 1.1 | 1.1 | 1.4 | 1.7 | 4.6 | 2.9 | 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.4 | 1.4 | 1.4 | - | 1.4 | 1.3 | 1.1 | 1.2 | 1.4 | 1.7 | 4.6 | 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.4 | 3.7 | 2.1 | 1.6 | 1.3 | 12.2 | 8.8 | 5.9 | 4 | 2.8 | 2.4 | 1.8 | 1.5 | - |
Peach
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
10 | 95 | #FAEDEC | hsl( 4, 58, 95) | rgb(250, 237, 236) | --zc-peach-10 | |
20 | 92 | #FFE3E1 | hsl( 4, 100, 94) | rgb(255, 227, 225) | --zc-peach-20 | |
40 | 85 | #FFC8C3 | hsl( 5, 100, 88) | rgb(255, 200, 195) | --zc-peach-40 | |
60 | 78 | #FFACA5 | hsl( 5, 100, 82) | rgb(255, 172, 165) | --zc-peach-60 | |
80 | 72 | #FF9187 | hsl( 5, 100, 76) | rgb(255, 145, 135) | --zc-peach-80 | |
100 | 66 | #FF7569 | hsl( 5, 100, 71) | rgb(255, 117, 105) | --zc-peach-100 | |
aaa | 37 | #9D342B | hsl( 5, 57, 39) | rgb(157, 52, 43) | --zc-peach-aaa | |
aa | 50 | #CB4B40 | hsl( 5, 57, 52) | rgb(203, 75, 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.2 | 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.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.1 | 1.1 | 1.5 | 2 | 2.8 | 4 | 10.1 | 5.1 | 2.8 | 2.2 | 1.7 | 16.6 | 12 | 8.1 | 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.2 | 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.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.1 | 1.1 | 1.5 | 2 | 2.8 | 4 | 10.1 | 5.1 | 2.8 | 2.2 | 1.7 | 16.6 | 12 | 8.1 | 5.5 | 3.9 | 3.2 | 2.5 | 2 | 1.4 |
1.1 | 1.4 | 1.9 | 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.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.9 | 3.8 | - | 1.1 | 1.4 | 1.6 | 2 | 2.8 | 1.1 | - | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | 1.1 | 1.4 | 1.9 | 2.6 | 3.7 | 9.5 | 4.8 | 2.6 | 2 | 1.6 | 15.6 | 11.3 | 7.6 | 5.2 | 3.6 | 3 | 2.4 | 1.9 | 1.3 |
1.1 | 1.4 | 1.9 | 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.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.9 | 3.8 | - | 1.1 | 1.4 | 1.6 | 2 | 2.8 | 1.1 | - | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.9 | 1.1 | 1.4 | 1.9 | 2.6 | 3.7 | 9.5 | 4.8 | 2.6 | 2 | 1.6 | 15.6 | 11.3 | 7.6 | 5.2 | 3.6 | 3 | 2.4 | 1.9 | 1.3 |
1.1 | 1.2 | 1.6 | 2.2 | 3.2 | - | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3.1 | 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.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.6 | 2.1 | 3.1 | 7.8 | 4 | 2.2 | 1.7 | 1.3 | 12.9 | 9.3 | 6.3 | 4.3 | 3 | 2.5 | 2 | 1.6 | 1.1 |
1.1 | 1.2 | 1.6 | 2.2 | 3.2 | - | - | 1.2 | 1.5 | 1.8 | 4.8 | 3.1 | 1.2 | - | 1.2 | 1.4 | 1.6 | 3.1 | 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.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.6 | 2.1 | 3.1 | 7.8 | 4 | 2.2 | 1.7 | 1.3 | 12.9 | 9.3 | 6.3 | 4.3 | 3 | 2.5 | 2 | 1.6 | 1.1 |
1.4 | - | 1.3 | 1.8 | 2.7 | 1.3 | 1.3 | - | 1.2 | 1.5 | 4 | 2.5 | 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.6 | 1.6 | 1.2 | 1.6 | 1.5 | 1.2 | - | 1.2 | 1.5 | 4 | 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.2 | 1.2 | 2 | 1.4 | 1.1 | 1.3 | 1.8 | 2.5 | 6.4 | 3.2 | 1.8 | 1.4 | 1.1 | 10.6 | 7.6 | 5.1 | 3.5 | 2.5 | 2 | 1.6 | 1.3 | 1.1 |
1.4 | - | 1.3 | 1.8 | 2.7 | 1.3 | 1.3 | - | 1.2 | 1.5 | 4 | 2.5 | 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.6 | 1.6 | 1.2 | 1.6 | 1.5 | 1.2 | - | 1.2 | 1.5 | 4 | 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.2 | 1.2 | 2 | 1.4 | 1.1 | 1.3 | 1.8 | 2.5 | 6.4 | 3.2 | 1.8 | 1.4 | 1.1 | 10.6 | 7.6 | 5.1 | 3.5 | 2.5 | 2 | 1.6 | 1.3 | 1.1 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.2 | - | 1.2 | 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.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.6 | 1.7 | 1.3 | - | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.7 | 6.3 | 4.2 | 2.9 | 2 | 1.7 | 1.3 | - | 1.4 |
1.7 | 1.3 | 1.1 | 1.5 | 2.2 | 1.5 | 1.5 | 1.2 | - | 1.2 | 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.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.6 | 1.7 | 1.3 | - | 1.4 | 2.1 | 5.3 | 2.7 | 1.5 | 1.1 | 1.1 | 8.7 | 6.3 | 4.2 | 2.9 | 2 | 1.7 | 1.3 | - | 1.4 |
2 | 1.5 | 1.1 | 1.3 | 1.8 | 1.8 | 1.8 | 1.5 | 1.2 | - | 2.7 | 1.7 | 2.2 | 1.8 | 1.5 | 1.3 | 1.1 | 1.7 | 2.5 | 2.3 | 2.1 | 2 | 1.9 | 2.5 | 2.4 | 2.3 | 2.2 | 2.1 | 2.6 | 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.5 | 2.4 | 1.7 | 1.4 | 1.1 | 1.2 | 1.7 |
2 | 1.5 | 1.1 | 1.3 | 1.8 | 1.8 | 1.8 | 1.5 | 1.2 | - | 2.7 | 1.7 | 2.2 | 1.8 | 1.5 | 1.3 | 1.1 | 1.7 | 2.5 | 2.3 | 2.1 | 2 | 1.9 | 2.5 | 2.4 | 2.3 | 2.2 | 2.1 | 2.6 | 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.5 | 2.4 | 1.7 | 1.4 | 1.1 | 1.2 | 1.7 |
5.5 | 4.1 | 3 | 2.2 | 1.5 | 5 | 5 | 4 | 3.3 | 2.6 | - | 1.6 | 5.9 | 4.9 | 4.2 | 3.5 | 3 | 1.6 | 6.6 | 6.2 | 5.8 | 5.4 | 5 | 6.8 | 6.5 | 6.2 | 5.9 | 5.7 | 6.9 | 6.8 | 6.6 | 6.5 | 6.4 | 4.6 | 6.2 | 5.9 | 4.8 | 4 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.6 | 6.1 | 5.7 | 5.7 | 4.9 | 6.5 | 5.6 | 4.9 | 3.4 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.5 | 3.1 | 4.5 |
5.5 | 4.1 | 3 | 2.2 | 1.5 | 5 | 5 | 4 | 3.3 | 2.6 | - | 1.6 | 5.9 | 4.9 | 4.2 | 3.5 | 3 | 1.6 | 6.6 | 6.2 | 5.8 | 5.4 | 5 | 6.8 | 6.5 | 6.2 | 5.9 | 5.7 | 6.9 | 6.8 | 6.6 | 6.5 | 6.4 | 4.6 | 6.2 | 5.9 | 4.8 | 4 | 3.3 | 2.7 | - | 1.6 | 6 | 5.1 | 4.3 | 3.6 | 3 | 2.1 | 6.6 | 6.1 | 5.7 | 5.7 | 4.9 | 6.5 | 5.6 | 4.9 | 3.4 | 2 | 5.5 | 4.2 | 3.1 | 2.3 | 1.6 | 1.6 | 1.2 | 2.2 | 2.9 | 3.6 | 2.7 | 1.9 | 1.3 | 1.1 | 1.6 | 1.9 | 2.5 | 3.1 | 4.5 |
3.5 | 2.6 | 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.3 | 3.9 | 3.7 | 3.4 | 3.2 | 4.4 | 4.2 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.8 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.3 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.2 | 3.6 | 3.2 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
3.5 | 2.6 | 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.3 | 3.9 | 3.7 | 3.4 | 3.2 | 4.4 | 4.2 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.2 | 4.1 | 2.9 | 4 | 3.8 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.9 | 3.3 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.2 | 3.6 | 3.2 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Candy
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 94 | #F9E8F1 | hsl(328, 59, 94) | rgb(249, 232, 241) | --zc-candy-20 | |
40 | 87 | #F3D2E3 | hsl(329, 58, 89) | rgb(243, 210, 227) | --zc-candy-40 | |
60 | 81 | #EDBBD6 | hsl(328, 58, 83) | rgb(237, 187, 214) | --zc-candy-60 | |
80 | 75 | #E7A5C8 | hsl(328, 58, 78) | rgb(231, 165, 200) | --zc-candy-80 | |
100 | 69 | #E18EBA | hsl(328, 58, 72) | rgb(225, 142, 186) | --zc-candy-100 | |
aa | 58 | #C96BA4 | hsl(324, 47, 60) | rgb(201, 107, 164) | --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.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6 | 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.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.8 | 3 | 1.1 | 1.4 | 1.9 | 2.7 | 3.8 | 9.8 | 4.9 | 2.7 | 2.1 | 1.7 | 16.1 | 11.6 | 7.8 | 5.3 | 3.7 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.5 | 2 | 2.8 | 4 | 1.2 | 1.2 | 1.5 | 1.8 | 2.3 | 6 | 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.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.8 | 3 | 1.1 | 1.4 | 1.9 | 2.7 | 3.8 | 9.8 | 4.9 | 2.7 | 2.1 | 1.7 | 16.1 | 11.6 | 7.8 | 5.3 | 3.7 | 3.1 | 2.4 | 1.9 | 1.3 |
1.1 | 1.2 | 1.7 | 2.4 | 3.4 | - | - | 1.3 | 1.6 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.5 | 1.7 | 3.2 | 1.3 | 1.2 | 1.1 | - | - | 1.3 | 1.3 | 1.2 | 1.2 | 1.1 | 1.3 | 1.3 | 1.3 | 1.3 | 1.2 | 1.1 | 1.2 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 5.1 | 3.3 | 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.3 | 3.3 | 8.3 | 4.2 | 2.3 | 1.8 | 1.4 | 13.7 | 9.8 | 6.6 | 4.5 | 3.2 | 2.6 | 2.1 | 1.6 | 1.1 |
1.1 | 1.2 | 1.7 | 2.4 | 3.4 | - | - | 1.3 | 1.6 | 1.9 | 5.1 | 3.3 | 1.2 | - | 1.2 | 1.5 | 1.7 | 3.2 | 1.3 | 1.2 | 1.1 | - | - | 1.3 | 1.3 | 1.2 | 1.2 | 1.1 | 1.3 | 1.3 | 1.3 | 1.3 | 1.2 | 1.1 | 1.2 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 5.1 | 3.3 | 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.3 | 3.3 | 8.3 | 4.2 | 2.3 | 1.8 | 1.4 | 13.7 | 9.8 | 6.6 | 4.5 | 3.2 | 2.6 | 2.1 | 1.6 | 1.1 |
1.3 | - | 1.4 | 2 | 2.9 | 1.2 | 1.2 | 1.1 | 1.3 | 1.6 | 4.3 | 2.8 | 1.4 | 1.2 | - | 1.2 | 1.5 | 2.7 | 1.5 | 1.4 | 1.3 | 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.1 | 1.3 | 2.1 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.9 | 3.5 | 1.9 | 1.5 | 1.2 | 11.4 | 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.1 | 1.3 | 1.6 | 4.3 | 2.8 | 1.4 | 1.2 | - | 1.2 | 1.5 | 2.7 | 1.5 | 1.4 | 1.3 | 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.1 | 1.3 | 2.1 | 1.3 | - | 1.4 | 1.9 | 2.7 | 6.9 | 3.5 | 1.9 | 1.5 | 1.2 | 11.4 | 8.2 | 5.6 | 3.8 | 2.7 | 2.2 | 1.7 | 1.4 | 1.1 |
1.5 | 1.2 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.6 | 2.3 | 1.7 | 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.7 | 1.8 | 1.7 | 1.6 | 1.6 | 1.4 | 1.8 | 1.6 | 1.4 | - | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.8 | 2.9 | 1.6 | 1.3 | - | 9.6 | 6.9 | 4.7 | 3.2 | 2.2 | 1.9 | 1.4 | 1.2 | 1.3 |
1.5 | 1.2 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.6 | 2.3 | 1.7 | 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.7 | 1.8 | 1.7 | 1.6 | 1.6 | 1.4 | 1.8 | 1.6 | 1.4 | - | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.8 | 2.9 | 1.6 | 1.3 | - | 9.6 | 6.9 | 4.7 | 3.2 | 2.2 | 1.9 | 1.4 | 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.9 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.4 | 1.3 | - | 1.2 | 7.9 | 5.7 | 3.9 | 2.6 | 1.8 | 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.9 | 1.4 | - | 1.3 | 1.9 | 4.8 | 2.4 | 1.3 | - | 1.2 | 7.9 | 5.7 | 3.9 | 2.6 | 1.8 | 1.5 | 1.2 | - | 1.5 |
2.6 | 2 | 1.5 | - | 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.8 | 3.3 | 3.3 | 3.2 | 3.1 | 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.7 | 1.4 | - | 3.2 | 3 | 2.7 | 2.7 | 2.4 | 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.6 | 2 | 1.5 | - | 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.8 | 3.3 | 3.3 | 3.2 | 3.1 | 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.7 | 1.4 | - | 3.2 | 3 | 2.7 | 2.7 | 2.4 | 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(320, 100, 98) | rgb(255, 243, 251) | --zc-powder-pink-20 | |
40 | 94 | #FFE8F7 | hsl(321, 100, 95) | rgb(255, 232, 247) | --zc-powder-pink-40 | |
60 | 91 | #FFDCF2 | hsl(322, 100, 93) | rgb(255, 220, 242) | --zc-powder-pink-60 | |
80 | 91 | #FFDCF2 | hsl(322, 100, 93) | rgb(255, 220, 242) | --zc-powder-pink-80 | |
100 | 86 | #FFC5EA | hsl(322, 100, 89) | rgb(255, 197, 234) | --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.2 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.4 | 3 | 2.3 | 1.8 | 17.6 | 12.7 | 8.5 | 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.2 | 1.1 | 1.3 | 1.6 | 1.9 | 2.2 | 4.2 | - | 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.3 | - | 1.2 | 1.3 | 1.9 | 3.3 | 1.2 | 1.6 | 2.1 | 2.9 | 4.2 | 10.6 | 5.4 | 3 | 2.3 | 1.8 | 17.6 | 12.7 | 8.5 | 5.8 | 4.1 | 3.4 | 2.7 | 2.1 | 1.4 |
1.1 | 1.5 | 2 | 2.8 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 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 | 2.8 | 2.1 | 1.7 | 16.4 | 11.8 | 8 | 5.4 | 3.8 | 3.2 | 2.5 | 2 | 1.3 |
1.1 | 1.5 | 2 | 2.8 | 4.1 | 1.2 | 1.2 | 1.5 | 1.9 | 2.3 | 6.1 | 3.9 | - | 1.2 | 1.5 | 1.8 | 2.1 | 3.9 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 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 | 2.8 | 2.1 | 1.7 | 16.4 | 11.8 | 8 | 5.4 | 3.8 | 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.6 | - | 1.1 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.6 | 2.6 | 2 | 1.6 | 15.1 | 10.9 | 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.6 | - | 1.1 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.6 | 2.6 | 2 | 1.6 | 15.1 | 10.9 | 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.6 | - | 1.1 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.6 | 2.6 | 2 | 1.6 | 15.1 | 10.9 | 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.6 | - | 1.1 | 1.4 | 1.6 | 1.9 | 3.6 | 1.2 | 1.1 | - | 1.1 | 1.1 | 1.2 | 1.1 | 1.1 | - | - | 1.2 | 1.2 | 1.2 | 1.1 | 1.1 | 1.2 | 1.1 | - | 1.2 | 1.4 | 1.7 | 2.1 | 5.7 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 2.7 | 1.2 | 1.1 | - | - | 1.2 | 1.1 | - | 1.2 | 1.7 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.6 | 9.2 | 4.6 | 2.6 | 2 | 1.6 | 15.1 | 10.9 | 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.1 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 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.9 | 3.1 | 1.2 | - | 1.1 | 1.4 | 1.6 | 2.4 | 1.3 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.4 | 1.1 | 1.2 | 1.6 | 2.2 | 3.1 | 7.9 | 4 | 2.2 | 1.7 | 1.3 | 13 | 9.4 | 6.3 | 4.3 | 3 | 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.1 | 1.2 | - | 1.2 | 1.4 | 1.7 | 3.1 | 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.9 | 3.1 | 1.2 | - | 1.1 | 1.4 | 1.6 | 2.4 | 1.3 | 1.3 | 1.2 | 1.2 | - | 1.3 | 1.2 | - | 1.4 | 2.4 | 1.1 | 1.2 | 1.6 | 2.2 | 3.1 | 7.9 | 4 | 2.2 | 1.7 | 1.3 | 13 | 9.4 | 6.3 | 4.3 | 3 | 2.5 | 2 | 1.6 | 1.1 |
Lilac
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
20 | 90 | #E2E1F5 | hsl(243, 50, 92) | rgb(226, 225, 245) | --zc-lilac-20 | |
40 | 80 | #C5C4EC | hsl(242, 51, 85) | rgb(197, 196, 236) | --zc-lilac-40 | |
60 | 70 | #A7A6E2 | hsl(241, 51, 77) | rgb(167, 166, 226) | --zc-lilac-60 | |
80 | 60 | #8A89D9 | hsl(241, 51, 69) | rgb(138, 137, 217) | --zc-lilac-80 | |
100 | 50 | #6D6BCF | hsl(241, 51, 62) | rgb(109, 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.4 | 1.7 | 2.1 | 5.5 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.3 | 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.9 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.5 | 8.9 | 4.5 | 2.5 | 1.9 | 1.5 | 14.7 | 10.6 | 7.2 | 4.9 | 3.4 | 2.9 | 2.2 | 1.8 | 1.2 |
- | 1.3 | 1.8 | 2.6 | 3.7 | 1.1 | 1.1 | 1.4 | 1.7 | 2.1 | 5.5 | 3.6 | 1.1 | 1.1 | 1.3 | 1.6 | 1.9 | 3.5 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | 1.2 | 1.1 | 1.1 | - | 1.3 | 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.9 | 2.7 | 1.2 | 1.1 | - | - | 1.1 | 1.2 | - | 1.1 | 1.6 | 2.8 | - | 1.3 | 1.8 | 2.5 | 3.5 | 8.9 | 4.5 | 2.5 | 1.9 | 1.5 | 14.7 | 10.6 | 7.2 | 4.9 | 3.4 | 2.9 | 2.2 | 1.8 | 1.2 |
1.3 | - | 1.4 | 2 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.7 | 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.5 | 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.3 | 8.1 | 5.5 | 3.7 | 2.6 | 2.2 | 1.7 | 1.4 | 1.1 |
1.3 | - | 1.4 | 2 | 2.8 | 1.2 | 1.2 | - | 1.3 | 1.6 | 4.2 | 2.7 | 1.4 | 1.2 | - | 1.2 | 1.4 | 2.7 | 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.5 | 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.3 | 8.1 | 5.5 | 3.7 | 2.6 | 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 | 2 | 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.6 | 1.3 | - | 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.5 | 1.4 | 1.1 | 1.2 | 8.3 | 6 | 4 | 2.7 | 1.9 | 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 | 2 | 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.6 | 1.3 | - | 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.5 | 1.4 | 1.1 | 1.2 | 8.3 | 6 | 4 | 2.7 | 1.9 | 1.6 | 1.3 | - | 1.5 |
2.4 | 1.8 | 1.3 | - | 1.5 | 2.2 | 2.2 | 1.8 | 1.5 | 1.2 | 2.3 | 1.4 | 2.6 | 2.2 | 1.8 | 1.6 | 1.3 | 1.4 | 2.9 | 2.7 | 2.6 | 2.4 | 2.2 | 3 | 2.9 | 2.8 | 2.6 | 2.5 | 3.1 | 3 | 2.9 | 2.9 | 2.8 | 2 | 2.8 | 2.6 | 2.1 | 1.8 | 1.4 | 1.2 | 2.3 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 2.9 | 2.7 | 2.5 | 2.5 | 2.2 | 2.9 | 2.5 | 2.2 | 1.5 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.6 | 1.8 | - | 1.3 | 1.6 | 6 | 4.3 | 2.9 | 2 | 1.4 | 1.2 | 1.1 | 1.4 | 2 |
2.4 | 1.8 | 1.3 | - | 1.5 | 2.2 | 2.2 | 1.8 | 1.5 | 1.2 | 2.3 | 1.4 | 2.6 | 2.2 | 1.8 | 1.6 | 1.3 | 1.4 | 2.9 | 2.7 | 2.6 | 2.4 | 2.2 | 3 | 2.9 | 2.8 | 2.6 | 2.5 | 3.1 | 3 | 2.9 | 2.9 | 2.8 | 2 | 2.8 | 2.6 | 2.1 | 1.8 | 1.4 | 1.2 | 2.3 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 2.9 | 2.7 | 2.5 | 2.5 | 2.2 | 2.9 | 2.5 | 2.2 | 1.5 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.6 | 1.8 | - | 1.3 | 1.6 | 6 | 4.3 | 2.9 | 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 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 4 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.3 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.1 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 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 | 4 | 3.8 | 3.6 | 4.4 | 4.3 | 4.2 | 4.1 | 4 | 2.9 | 4 | 3.7 | 3.1 | 2.5 | 2.1 | 1.7 | 1.6 | - | 3.8 | 3.3 | 2.7 | 2.3 | 1.9 | 1.3 | 4.2 | 3.9 | 3.6 | 3.6 | 3.1 | 4.1 | 3.6 | 3.1 | 2.2 | 1.3 | 3.5 | 2.7 | 2 | 1.4 | - | 2.5 | 1.3 | 1.4 | 1.8 | 2.3 | 4.2 | 3 | 2 | 1.4 | - | 1.2 | 1.6 | 2 | 2.9 |
Blue
Shade | Lum | HEX | HSL | RGB | CSS Token | Sample |
---|---|---|---|---|---|---|
dark | 24 | #23366F | hsl(225, 52, 29) | rgb( 35, 54, 111) | --zc-blue-dark | |
zurich | 43 | #2167AE | hsl(210, 68, 41) | rgb( 33, 103, 174) | --zc-blue-zurich | |
mid | 60 | #5495CF | hsl(208, 56, 57) | rgb( 84, 149, 207) | --zc-blue-mid | |
sky | 68 | #1FB1E6 | hsl(196, 80, 51) | rgb( 31, 177, 230) | --zc-blue-sky | |
light | 75 | #91BFE3 | hsl(206, 59, 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.8 | 6.7 | 4.9 | 3.5 | 2.4 | 8 | 8 | 6.6 | 5.3 | 4.3 | 1.6 | 2.5 | 9.6 | 8 | 6.7 | 5.7 | 4.8 | 2.5 | 10.7 | 10 | 9.3 | 8.7 | 8.1 | 11 | 10.5 | 10.1 | 9.6 | 9.2 | 11.2 | 10.9 | 10.7 | 10.5 | 10.3 | 7.4 | 10.1 | 9.5 | 7.8 | 6.4 | 5.3 | 4.4 | 1.6 | 2.5 | 9.8 | 8.3 | 6.9 | 5.8 | 4.8 | 3.3 | 10.6 | 9.9 | 9.2 | 9.2 | 7.9 | 10.5 | 9.1 | 8 | 5.5 | 3.2 | 8.9 | 6.8 | 5 | 3.6 | 2.5 | - | 2 | 3.6 | 4.6 | 5.9 | 1.7 | 1.2 | 1.2 | 1.8 | 2.6 | 3.1 | 4 | 5 | 7.3 |
8.8 | 6.7 | 4.9 | 3.5 | 2.4 | 8 | 8 | 6.6 | 5.3 | 4.3 | 1.6 | 2.5 | 9.6 | 8 | 6.7 | 5.7 | 4.8 | 2.5 | 10.7 | 10 | 9.3 | 8.7 | 8.1 | 11 | 10.5 | 10.1 | 9.6 | 9.2 | 11.2 | 10.9 | 10.7 | 10.5 | 10.3 | 7.4 | 10.1 | 9.5 | 7.8 | 6.4 | 5.3 | 4.4 | 1.6 | 2.5 | 9.8 | 8.3 | 6.9 | 5.8 | 4.8 | 3.3 | 10.6 | 9.9 | 9.2 | 9.2 | 7.9 | 10.5 | 9.1 | 8 | 5.5 | 3.2 | 8.9 | 6.8 | 5 | 3.6 | 2.5 | - | 2 | 3.6 | 4.6 | 5.9 | 1.7 | 1.2 | 1.2 | 1.8 | 2.6 | 3.1 | 4 | 5 | 7.3 |
4.5 | 3.4 | 2.5 | 1.8 | 1.2 | 4.1 | 4.1 | 3.3 | 2.7 | 2.2 | 1.2 | 1.3 | 4.9 | 4 | 3.4 | 2.9 | 2.4 | 1.3 | 5.4 | 5 | 4.7 | 4.4 | 4.1 | 5.6 | 5.3 | 5.1 | 4.9 | 4.7 | 5.6 | 5.5 | 5.4 | 5.3 | 5.2 | 3.7 | 5.1 | 4.8 | 4 | 3.2 | 2.7 | 2.2 | 1.2 | 1.3 | 4.9 | 4.2 | 3.5 | 2.9 | 2.4 | 1.7 | 5.4 | 5 | 4.6 | 4.6 | 4 | 5.3 | 4.6 | 4 | 2.8 | 1.6 | 4.5 | 3.5 | 2.5 | 1.8 | 1.3 | 2 | - | 1.8 | 2.3 | 3 | 3.3 | 2.4 | 1.6 | 1.1 | 1.3 | 1.6 | 2 | 2.5 | 3.7 |
4.5 | 3.4 | 2.5 | 1.8 | 1.2 | 4.1 | 4.1 | 3.3 | 2.7 | 2.2 | 1.2 | 1.3 | 4.9 | 4 | 3.4 | 2.9 | 2.4 | 1.3 | 5.4 | 5 | 4.7 | 4.4 | 4.1 | 5.6 | 5.3 | 5.1 | 4.9 | 4.7 | 5.6 | 5.5 | 5.4 | 5.3 | 5.2 | 3.7 | 5.1 | 4.8 | 4 | 3.2 | 2.7 | 2.2 | 1.2 | 1.3 | 4.9 | 4.2 | 3.5 | 2.9 | 2.4 | 1.7 | 5.4 | 5 | 4.6 | 4.6 | 4 | 5.3 | 4.6 | 4 | 2.8 | 1.6 | 4.5 | 3.5 | 2.5 | 1.8 | 1.3 | 2 | - | 1.8 | 2.3 | 3 | 3.3 | 2.4 | 1.6 | 1.1 | 1.3 | 1.6 | 2 | 2.5 | 3.7 |
2.5 | 1.9 | 1.4 | - | 1.5 | 2.2 | 2.2 | 1.8 | 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 | 3 | 2.9 | 2.9 | 2.1 | 2.8 | 2.6 | 2.2 | 1.8 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 3 | 2.8 | 2.6 | 2.6 | 2.2 | 2.9 | 2.5 | 2.2 | 1.5 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.6 | 1.8 | - | 1.3 | 1.6 | 5.9 | 4.3 | 2.9 | 2 | 1.4 | 1.1 | 1.1 | 1.4 | 2 |
2.5 | 1.9 | 1.4 | - | 1.5 | 2.2 | 2.2 | 1.8 | 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 | 3 | 2.9 | 2.9 | 2.1 | 2.8 | 2.6 | 2.2 | 1.8 | 1.5 | 1.2 | 2.2 | 1.4 | 2.7 | 2.3 | 1.9 | 1.6 | 1.3 | 1.1 | 3 | 2.8 | 2.6 | 2.6 | 2.2 | 2.9 | 2.5 | 2.2 | 1.5 | 1.1 | 2.5 | 1.9 | 1.4 | - | 1.4 | 3.6 | 1.8 | - | 1.3 | 1.6 | 5.9 | 4.3 | 2.9 | 2 | 1.4 | 1.1 | 1.1 | 1.4 | 2 |
1.9 | 1.4 | 1.1 | 1.3 | 1.9 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 2.9 | 1.8 | 2.1 | 1.7 | 1.5 | 1.2 | - | 1.8 | 2.3 | 2.1 | 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.7 | 1.4 | 1.1 | 1.1 | 2.9 | 1.8 | 2.1 | 1.8 | 1.5 | 1.3 | - | 1.4 | 2.3 | 2.1 | 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.3 | 1.3 | - | 1.3 | 7.7 | 5.5 | 3.7 | 2.5 | 1.8 | 1.5 | 1.2 | 1.1 | 1.6 |
1.9 | 1.4 | 1.1 | 1.3 | 1.9 | 1.7 | 1.7 | 1.4 | 1.1 | 1.1 | 2.9 | 1.8 | 2.1 | 1.7 | 1.5 | 1.2 | - | 1.8 | 2.3 | 2.1 | 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.7 | 1.4 | 1.1 | 1.1 | 2.9 | 1.8 | 2.1 | 1.8 | 1.5 | 1.3 | - | 1.4 | 2.3 | 2.1 | 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.3 | 1.3 | - | 1.3 | 7.7 | 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.6 | 2.3 | 1.6 | 1.4 | 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.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.5 | 1.4 | 1.1 | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.9 | 3 | 1.6 | 1.3 | - | 9.7 | 7 | 4.7 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.2 |
1.5 | 1.1 | 1.2 | 1.7 | 2.4 | 1.4 | 1.4 | 1.1 | 1.1 | 1.4 | 3.6 | 2.3 | 1.6 | 1.4 | 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.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.5 | 1.4 | 1.1 | 1.8 | 1.5 | 1.2 | 1.2 | 1.6 | 2.3 | 5.9 | 3 | 1.6 | 1.3 | - | 9.7 | 7 | 4.7 | 3.2 | 2.3 | 1.9 | 1.5 | 1.2 | 1.2 |