User:Stujul/color
The following table shows all link colors that are currently in use on Wiktionary (as far as I can tell).
| Vector 2010 | Vector 2022 (light) | Vector 2022 (dark) | name | ||||
|---|---|---|---|---|---|---|---|
| Black | #202122 | #202122 | #F8F9FA | --wikt-palette-black --color-base | |||
| Blue | #0645AD | #3366CC | #88A3E8 | --color-progressive | |||
| Blue (visited) | #0B0080 | #795CB2 | #A799CD | --color-visited | |||
| Red | #BA0000 | #DD3333 | #FD7865 | --color-destructive | |||
| Red (visited) | #A55858 | #A55858 | #C99391 | --color-destructive--visited | |||
| Orange | #B88D00 | #B88D00 | #C9B163 | --wikt-palette-gold | |||
| Orange (visited) | #826F34 | #826F34 | #AB995E | --wikt-palette-dullgold | |||
| Green | #1FBA00 | #1FBA00 | #1FBA00 | n/a | |||
| Green (visited) | #66A759 | #66A759 | #66A759 | n/a | |||
Contrast compliance
[edit]The following table shows the darkest background color that is WCAG AAA compliant (minimum 7.0 ratio) for black text. It also shows the lightest background color for the dark mode equivalent. All colors are at 100% saturation.
| Hue | 50% Lightness | Darkest Compliant | Lightest Compliant |
|---|---|---|---|
| 0° | 50% - #ff0000 | 77% - #ff8989 | 34% - #ad0000 |
| 10° | 50% - #ff2a00 | 73% - #ff8c75 | 33% - #a81c00 |
| 20° | 50% - #ff5500 | 67% - #fe8e56 | 30% - #993300 |
| 30° | 50% - #ff7f00 | 56% - #ff8e1e | 26% - #844200 |
| 40° | 50% - #ffaa00 | 46% - #ea9c00 | 22% - #704a00 |
| 50° | 50% - #ffd400 | 40% - #ccaa00 | 19% - #605000 |
| 60° | 50% - #feff00 | 35% - #b2b200 | 17% - #565600 |
| 70° | 50% - #d4ff00 | 37% - #9dbc00 | 18% - #4c5b00 |
| 80° | 50% - #a9ff00 | 38% - #81c100 | 18% - #3d5b00 |
| 90° | 50% - #7fff00 | 38% - #60c100 | 19% - #306000 |
| 100° | 50% - #54ff00 | 39% - #42c600 | 19% - #206000 |
| 110° | 50% - #2aff00 | 39% - #21c600 | 19% - #106000 |
| 120° | 50% - #00ff00 | 40% - #00cc00 | 19% - #006000 |
| 130° | 50% - #00ff2a | 40% - #00cc22 | 19% - #006010 |
| 140° | 50% - #00ff55 | 39% - #00c642 | 19% - #006020 |
| 150° | 50% - #00ff7f | 39% - #00c663 | 19% - #006030 |
| 160° | 50% - #00ffaa | 39% - #00c684 | 19% - #006040 |
| 170° | 50% - #00ffd4 | 38% - #00c1a1 | 19% - #006050 |
| 180° | 50% - #00feff | 38% - #00c1c1 | 19% - #006060 |
| 190° | 50% - #00d4ff | 45% - #00bfe5 | 22% - #005d70 |
| 200° | 50% - #00a9ff | 58% - #28b7ff | 26% - #005884 |
| 210° | 50% - #007fff | 70% - #65b2ff | 33% - #0054a8 |
| 220° | 50% - #0054ff | 76% - #84adff | 41% - #0045d1 |
| 230° | 50% - #002aff | 80% - #99aaff | 51% - #052eff |
| 240° | 50% - #0000ff | 82% - #a3a3fe | 58% - #2828ff |
| 250° | 50% - #2a00ff | 81% - #ae9eff | 55% - #3f19ff |
| 260° | 50% - #5500ff | 81% - #be9eff | 50% - #5500ff |
| 270° | 50% - #7f00ff | 80% - #cb99ff | 44% - #7000e0 |
| 280° | 50% - #aa00ff | 78% - #d98eff | 39% - #8400c6 |
| 290° | 50% - #d400ff | 76% - #ea84ff | 34% - #9000ad |
| 300° | 50% - #ff00fe | 73% - #ff75fe | 30% - #990098 |
| 310° | 50% - #ff00d4 | 74% - #ff7ae8 | 31% - #9e0083 |
| 320° | 50% - #ff00a9 | 75% - #ff7fd4 | 32% - #a3006c |
| 330° | 50% - #ff007f | 76% - #ff84c1 | 33% - #a80054 |
| 340° | 50% - #ff0054 | 76% - #ff84ad | 34% - #ad0039 |
| 350° | 50% - #ff002a | 77% - #ff899d | 34% - #ad001c |
This following table shows the darkest (and lightest) background color that is WCAG AA (minimum 4.5 ratio) against blue (Vector 2022).
| Hue | 50% Lightness | Darkest Compliant | Lightest Compliant |
|---|---|---|---|
| 0° | 50% - #ff0000 | 96% - #ffeaea | 24% - #7a0000 |
| 10° | 50% - #ff2a00 | 95% - #ffe9e5 | 23% - #751300 |
| 20° | 50% - #ff5500 | 93% - #ffe7db | 21% - #6b2300 |
| 30° | 50% - #ff7f00 | 91% - #ffe8d1 | 18% - #5b2d00 |
| 40° | 50% - #ffaa00 | 88% - #feeac1 | 16% - #513600 |
| 50° | 50% - #ffd400 | 78% - #ffec8e | 13% - #423700 |
| 60° | 50% - #feff00 | 48% - #f4f400 | 12% - #3d3d00 |
| 70° | 50% - #d4ff00 | 50% - #d4ff00 | 12% - #323d00 |
| 80° | 50% - #a9ff00 | 64% - #c1ff47 | 12% - #283d00 |
| 90° | 50% - #7fff00 | 73% - #baff75 | 13% - #214200 |
| 100° | 50% - #54ff00 | 78% - #b4ff8e | 13% - #164200 |
| 110° | 50% - #2aff00 | 83% - #b6ffa8 | 13% - #0b4200 |
| 120° | 50% - #00ff00 | 85% - #b2ffb2 | 13% - #004200 |
| 130° | 50% - #00ff2a | 83% - #a8ffb6 | 13% - #00420b |
| 140° | 50% - #00ff55 | 83% - #a8ffc5 | 13% - #004216 |
| 150° | 50% - #00ff7f | 81% - #9effce | 13% - #004221 |
| 160° | 50% - #00ffaa | 80% - #99ffdd | 13% - #00422c |
| 170° | 50% - #00ffd4 | 78% - #8effec | 13% - #004237 |
| 180° | 50% - #00feff | 77% - #89feff | 13% - #004242 |
| 190° | 50% - #00d4ff | 88% - #c1f4fe | 15% - #003f4c |
| 200° | 50% - #00a9ff | 92% - #d6f1fe | 18% - #003d5b |
| 210° | 50% - #007fff | 94% - #e0efff | 23% - #003a75 |
| 220° | 50% - #0054ff | 95% - #e5edff | 29% - #003193 |
| 230° | 50% - #002aff | 96% - #eaedff | 36% - #001eb7 |
| 240° | 50% - #0000ff | 96% - #eaeaff | 40% - #0000cc |
| 250° | 50% - #2a00ff | 96% - #edeaff | 38% - #2000c1 |
| 260° | 50% - #5500ff | 96% - #f1eaff | 35% - #3b00b2 |
| 270° | 50% - #7f00ff | 96% - #f4eaff | 31% - #4f009e |
| 280° | 50% - #aa00ff | 96% - #f8eaff | 28% - #5f008e |
| 290° | 50% - #d400ff | 95% - #fae5ff | 24% - #65007a |
| 300° | 50% - #ff00fe | 95% - #ffe5ff | 21% - #6b006b |
| 310° | 50% - #ff00d4 | 95% - #ffe5fa | 22% - #70005d |
| 320° | 50% - #ff00a9 | 95% - #ffe5f6 | 23% - #75004e |
| 330° | 50% - #ff007f | 95% - #ffe5f2 | 23% - #75003a |
| 340° | 50% - #ff0054 | 95% - #ffe5ed | 24% - #7a0028 |
| 350° | 50% - #ff002a | 95% - #ffe5e9 | 24% - #7a0014 |