> For the complete documentation index, see [llms.txt](https://klassdocs.gitbook.io/klassapp-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://klassdocs.gitbook.io/klassapp-documentation/design/system/concepts/emails/contrast.md).

# Computed contrast (WCAG relative luminance, hex values; not browser-measured)

| Pair                                          | FG      | BG      | Ratio | ≥4.5 |
| --------------------------------------------- | ------- | ------- | ----- | ---- |
| H1 ink                                        | #0F172A | #FFFFFF | 17.85 | ✅    |
| Body                                          | #334155 | #FFFFFF | 10.35 | ✅    |
| Secondary / fallback link line                | #475569 | #FFFFFF | 7.58  | ✅    |
| Footer                                        | #475569 | #F3F0E8 | 6.65  | ✅    |
| Link                                          | #15803D | #FFFFFF | 5.02  | ✅    |
| Button label                                  | #FFFFFF | #15803D | 5.02  | ✅    |
| Code                                          | #14532D | #F0FDF4 | 8.70  | ✅    |
| Logo alt text (images off)                    | #15803D | #FFFFFF | 5.02  | ✅    |
| DARK h1                                       | #F8FAFC | #1E293B | 13.98 | ✅    |
| DARK body                                     | #E2E8F0 | #1E293B | 11.87 | ✅    |
| DARK secondary                                | #CBD5E1 | #1E293B | 9.85  | ✅    |
| DARK footer                                   | #CBD5E1 | #0F172A | 12.02 | ✅    |
| DARK link                                     | #86EFAC | #1E293B | 10.42 | ✅    |
| DARK code                                     | #BBF7D0 | #052E16 | 12.30 | ✅    |
| DARK button label                             | #FFFFFF | #15803D | 5.02  | ✅    |
| OLD theme body #74787E                        | #74787E | #FFFFFF | 4.44  | ❌    |
| OLD footer #AEAEAE                            | #AEAEAE | #F5F8FA | 2.08  | ❌    |
| OLD header #BBBFC3                            | #BBBFC3 | #F5F8FA | 1.73  | ❌    |
| OLD reset-code note #94A3B8                   | #94A3B8 | #FFFFFF | 2.56  | ❌    |
| OLD notification button #2AB27B               | #FFFFFF | #2AB27B | 2.71  | ❌    |
| OLD invite button #16A34A                     | #FFFFFF | #16A34A | 3.30  | ❌    |
| OLD DB button #008CBA                         | #FFFFFF | #008CBA | 3.85  | ❌    |
| AUTH --ap-muted on paper-base                 | #64748B | #FAFAF5 | 4.55  | ✅    |
| AUTH --ap-muted on paper-mid                  | #64748B | #F3F0E8 | 4.18  | ❌    |
| AUTH --ap-muted on paper-deep                 | #64748B | #EBE6DA | 3.82  | ❌    |
| AUTH #475569 on paper-deep                    | #475569 | #EBE6DA | 6.09  | ✅    |
| AUTH divider/placeholder #94A3B8 on paper-mid | #94A3B8 | #F3F0E8 | 2.25  | ❌    |
| AUTH link #1E6FD9 on paper-mid                | #1E6FD9 | #F3F0E8 | 4.26  | ❌    |
| AUTH link #1D4ED8 on paper-mid                | #1D4ED8 | #F3F0E8 | 5.88  | ✅    |
| AUTH button #15803D                           | #FFFFFF | #15803D | 5.02  | ✅    |
| ERR illustrated #22C55E button                | #FFFFFF | #22C55E | 2.28  | ❌    |
| ERR message #64748B on #FAFAF5                | #64748B | #FAFAF5 | 4.55  | ✅    |
| ERR code numeral #E2E8F0 on #FAFAF5           | #E2E8F0 | #FAFAF5 | 1.18  | ❌    |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://klassdocs.gitbook.io/klassapp-documentation/design/system/concepts/emails/contrast.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.