A scratch page for trying tints. Not final.
Each option is drawn twice: light, then dark. One colour per mode does everything: tinted text, the filled button, the tick
and the toggle. Light mode always puts white on the accent; dark mode puts black on orange. Ratios are WCAG contrast;
4.5:1 is the bar for text this size.
Apple accessible orange
Apple's own pair: its Increase Contrast orange in light, standard orange in dark. #C93400 · #FF9F0A
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓ Light: text 5.3:1 on white, white on the button 5.3:1, hue 16°. Dark: text 8.3:1, black on the button 10.2:1, hue 36°.
Robin + system orange
Robin-breast rust in light, standard orange in dark. A touch more orange than Apple's light. #C04905 · #FF9F0A
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓ Light: text 5.0:1 on white, white on the button 5.0:1, hue 22°. Dark: text 8.3:1, black on the button 10.2:1, hue 36°.
Towhee + system orange
Towhee rufous in light, standard orange in dark. Almost the same colour as Apple's light. #C03910 · #FF9F0A
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓ Light: text 5.5:1 on white, white on the button 5.5:1, hue 14°. Dark: text 8.3:1, black on the button 10.2:1, hue 36°.
Oriole + system orange
The most orange light tint that still takes white text, just. #B56100 · #FF9F0A
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓ Light: text 4.5:1 on white, white on the button 4.5:1, hue 32°. Dark: text 8.3:1, black on the button 10.2:1, hue 36°.
Bunting (kept as an option)
The custom indigo, for comparison. #3950E9 · #6176FF
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓
Anna's Hummingbird
Calypte anna
◌ 5 km ⌃▦ 14 days ⌃
ListenSeen ItShare
Anna's Hummingbird
5 hours ago · 6 birds
✓ Light: text 6.0:1 on white, white on the button 6.0:1, hue 232°. Dark: text 4.5:1, black on the button 5.5:1, hue 232°.