WCAG 2.2 · APCA
#3D4F5F on Black contrast
#3D4F5F text on a #000000 background has a WCAG contrast ratio of 2.48:1 and APCA Lc 13. It fails WCAG AA for text of any size.
Live preview
Large text, 24px: The quick brown fox jumps over the lazy dog
Normal text, 16px: Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
Small text, 13px: Sphinx of black quartz, judge my vow.
WCAG 2.2 contrast ratio
2.48:1
| Level | Needs | Result |
|---|---|---|
| AA · normal text | 4.5:1 | ✗ Fail |
| AAA · normal text | 7:1 | ✗ Fail |
| AA · large text (24px, or 18.66px bold) | 3:1 | ✗ Fail |
| AAA · large text | 4.5:1 | ✗ Fail |
| AA · UI components & graphics | 3:1 | ✗ Fail |
Ratios are truncated, never rounded up, so a displayed value never claims more than the pair delivers.
APCA lightness contrast
Lc 13
Body text
Lc ≥ 75
✗ Fail
Content text
Lc ≥ 60
✗ Fail
Large text & UI
Lc ≥ 45
✗ Fail
APCA is polarity-aware: #000000 text on #3D4F5F gives a different Lc. Read the WCAG vs APCA guide.
Suggested fix for WCAG AA (4.5:1)
Keep the background #000000, change the text
#637788 · 4.52:1
OKLCH lightness +0.139 (hue kept)
Keep the text #3D4F5F, change the background
#BDBDBD · 4.50:1
OKLCH lightness +0.797 (hue kept)
Found by changing only OKLCH lightness (hue kept, chroma reduced only to stay inside sRGB) by the smallest amount that reaches 4.5:1.