# Triadic colour scheme

**A light, moderately saturated chartreuse. Closest CSS name: `orange`.**

## Formats

| Format | Value |
| --- | --- |
| Hex | `#eab308` |
| RGB | `rgb(234 179 8)` |
| HSL | `hsl(45.4 93.4% 47.5%)` |
| OKLCH | `oklch(0.795 0.162 86)` |
| CMYK | `cmyk(0% 23.5% 96.58% 8.24%)` |
| Nearest CSS name | `orange` |

## Harmonies

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

- **Complementary:** `#8bb7ff` (complementary, clipped)
- **Analogous:** `#ff9d47` (analogous −30°, clipped), `#b7c83a` (analogous +30°)
- **Triadic:** `#00d8ef` (triadic +120°, clipped), `#f195f3` (triadic +240°)
- **Split-complementary:** `#2ccaff` (split-complementary +150°, clipped), `#c6a4ff` (split-complementary +210°, clipped)
- **Monochromatic:** `#420f00` (lightness 0.25, clipped), `#6d3b00` (lightness 0.4, clipped), `#9b6700` (lightness 0.55, clipped), `#cb9500` (lightness 0.7, clipped), `#fcc532` (lightness 0.85)

## Contrast

- Against white text: 1.92:1
- Against black text: 10.95:1
- Use **black** text
- WCAG: AA normal pass, AAA normal pass, AA large pass

## Worth knowing

### 9 derived colours are outside sRGB (caution)

Rotating hue at this chroma produces colours a normal screen cannot display, so they have been clipped to the nearest sRGB colour. The hex values shown are therefore not exactly what the maths asked for, and the harmony will look slightly less even than it should.

**Fix:** Lower the chroma of the input colour before deriving harmonies, or accept the clipped values as an approximation.

### 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/triadic-color-scheme
JSON API: `GET https://color-companion.gumballtools.com/api/v1/analyse?color=...`
MCP endpoint: `https://color-companion.gumballtools.com/api/mcp`