Sulphur Yellow
- HEX
- RGB
- CMYK
The palette applied to simple layouts. Colors are assigned to roles automatically; try other arrangements.
Color study
A dictionary of color
Background, surface, text and accent, taken from one of Wada’s combinations.
Painted following the 60-30-10 rule: about 60% wall color, 30% for the sofa, 10% for cushions, throw and vase. A fourth color goes to the rug and curtains; otherwise they stay undyed. Floor and ceiling stay neutral; the print shows the whole palette.
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Medium & moderate
Lightness 66 (range 30–94)
Colorfulness 0.070
Average OKLCH lightness (0–100) and chroma (colorfulness).
Analogous
Neighboring hues on the color wheel.
A heuristic based on the painter’s color wheel. Wada’s combinations often ignore textbook rules, which is part of their appeal.
Warm
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 18
Closest pair ΔE 18.3 · average ΔE 40.6
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Sulphur Yellow on Deep Slate Olive (11.5:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaSulphur Yellow · Pinkish Cinnamon | 1.5:1Low | 25 / 23 |
| AaAaSulphur Yellow · Olive | 3.5:1AA large | 62 / 57 |
| AaAaSulphur Yellow · Deep Slate Olive | 11.5:1AAA | 90 / 89 |
| AaAaPinkish Cinnamon · Olive | 2.3:1Low | 35 / 33 |
| AaAaPinkish Cinnamon · Deep Slate Olive | 7.5:1AAA | 64 / 64 |
| AaAaOlive · Deep Slate Olive | 3.2:1AA large | 28 / 29 |
WCAG 2 contrast ratio for text, and APCA lightness contrast (Lc) for each text/background direction.
The closest palettes in perceptual color space (OKLab).
Copy the palette as code or download it as an image.
/* Sanzo Wada, combination No. 310 */
:root {
--sulphur-yellow: #f5ecc2; /* Sulphur Yellow */
--pinkish-cinnamon: #eeb480; /* Pinkish Cinnamon */
--olive: #837e31; /* Olive */
--deep-slate-olive: #253122; /* Deep Slate Olive */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 310 */
@theme {
--color-sulphur-yellow: #f5ecc2;
--color-pinkish-cinnamon: #eeb480;
--color-olive: #837e31;
--color-deep-slate-olive: #253122;
}
{
"id": 310,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Sulphur Yellow",
"hex": "#f5ecc2",
"rgb": [
245,
236,
194
],
"cmyk": [
4,
4,
28,
0
]
},
{
"name": "Pinkish Cinnamon",
"hex": "#eeb480",
"rgb": [
238,
180,
128
],
"cmyk": [
5,
32,
53,
0
]
},
{
"name": "Olive",
"hex": "#837e31",
"rgb": [
131,
126,
49
],
"cmyk": [
48,
38,
100,
15
]
},
{
"name": "Deep Slate Olive",
"hex": "#253122",
"rgb": [
37,
49,
34
],
"cmyk": [
76,
60,
80,
62
]
}
]
}