# Which text colour is readable on this?

**A neutral dark grey.**

## Formats

| Format | Value |
| --- | --- |
| Hex | `#777777` |
| RGB | `rgb(119 119 119)` |
| HSL | `hsl(0 0% 46.7%)` |
| OKLCH | `oklch(0.569 0 0)` |
| CMYK | `cmyk(0% 0% 0% 53.33%)` |
| Nearest CSS name | `gray` |

## Harmonies

Hue rotated in OKLCH, so perceived lightness is held constant.

- **Complementary:** `#777777` (complementary)
- **Analogous:** `#777777` (analogous −30°), `#777777` (analogous +30°)
- **Triadic:** `#777777` (triadic +120°), `#777777` (triadic +240°)
- **Split-complementary:** `#777777` (split-complementary +150°), `#777777` (split-complementary +210°)
- **Monochromatic:** `#222222` (lightness 0.25), `#484848` (lightness 0.4), `#717171` (lightness 0.55), `#9e9e9e` (lightness 0.7), `#cecece` (lightness 0.85)

## Contrast

- Against white text: 4.48:1
- Against black text: 4.69:1
- Use **black** text
- WCAG: AA normal pass, AAA normal fail, AA large pass

## Worth knowing

### Neutral colours have no meaningful hue (info)

Greys, white, and black have effectively zero chroma, so hue is undefined and every hue rotation returns the same colour. The harmonies below are all the input.

**Fix:** Pick a colour with some saturation to get useful harmonies.

### A mid-tone: neither white nor black text reaches AAA (caution)

The best this colour manages is 4.69:1 — against black text. That clears WCAG AA for normal text (4.5:1) but not AAA (7:1). Mid-tones look fine in a mockup and then fail review, because both text colours are only just adequate.

**Fix:** Use black text on it, and move the lightness further from the middle if the text has to meet AAA.

### CMYK here is a naive conversion (info)

CMYK has no fixed meaning without an output profile — the same numbers print differently on different presses and papers. The value shown is the standard arithmetic conversion, not a colour-managed one.

**Fix:** For print work, convert in software with the press profile applied.

---

Canonical URL: https://color-companion.gumballtools.com/color/accessible-text-color
JSON API: `GET https://color-companion.gumballtools.com/api/v1/analyse?color=...`
MCP endpoint: `https://color-companion.gumballtools.com/api/mcp`