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.
No pair of colors in this combination reaches a contrast of 3:1, so it is best used without text.
Light & vivid
Lightness 79 (range 66–94)
Colorfulness 0.139
Average OKLCH lightness (0–100) and chroma (colorfulness).
Free
No classic color-wheel relationship.
A heuristic based on the painter’s color wheel. Wada’s combinations often ignore textbook rules, which is part of their appeal.
Warm & cool
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 7
Closest pair ΔE 7.2 · average ΔE 33.8
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Sulphur Yellow on Peach Red (2.8:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaSulphur Yellow · Peach Red | 2.8:1Low | 53 / 48 |
| AaAaSulphur Yellow · Yellow Green | 1.4:1Low | 21 / 18 |
| AaAaSulphur Yellow · Night Green | 1.8:1Low | 32 / 29 |
| AaAaPeach Red · Yellow Green | 2.0:1Low | 28 / 31 |
| AaAaPeach Red · Night Green | 1.6:1Low | 18 / 19 |
| AaAaYellow Green · Night Green | 1.2:1Low | 10 / 9 |
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. 326 */
:root {
--sulphur-yellow: #f5ecc2; /* Sulphur Yellow */
--peach-red: #f15a30; /* Peach Red */
--yellow-green: #afd472; /* Yellow Green */
--night-green: #87c540; /* Night Green */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 326 */
@theme {
--color-sulphur-yellow: #f5ecc2;
--color-peach-red: #f15a30;
--color-yellow-green: #afd472;
--color-night-green: #87c540;
}
{
"id": 326,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Sulphur Yellow",
"hex": "#f5ecc2",
"rgb": [
245,
236,
194
],
"cmyk": [
4,
4,
28,
0
]
},
{
"name": "Peach Red",
"hex": "#f15a30",
"rgb": [
241,
90,
48
],
"cmyk": [
0,
80,
90,
0
]
},
{
"name": "Yellow Green",
"hex": "#afd472",
"rgb": [
175,
212,
114
],
"cmyk": [
35,
0,
72,
0
]
},
{
"name": "Night Green",
"hex": "#87c540",
"rgb": [
135,
197,
64
],
"cmyk": [
52,
0,
100,
0
]
}
]
}