Cream 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
Light & moderate
Lightness 75 (range 51–89)
Colorfulness 0.077
Average OKLCH lightness (0–100) and chroma (colorfulness).
Tetradic
Two pairs of complementary hues.
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 16
Closest pair ΔE 15.8 · average ΔE 34.3
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Nile Blue on Antwerp Blue (4.1:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaCream Yellow · Ecru | 1.3:1Low | 14 / 12 |
| AaAaCream Yellow · Nile Blue | 1.2:1Low | 8 / 10 |
| AaAaCream Yellow · Antwerp Blue | 3.4:1AA large | 50 / 47 |
| AaAaEcru · Nile Blue | 1.6:1Low | 22 / 25 |
| AaAaEcru · Antwerp Blue | 2.6:1Low | 35 / 33 |
| AaAaNile Blue · Antwerp Blue | 4.1:1AA large | 60 / 57 |
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. 302 */
:root {
--cream-yellow: #fdbf68; /* Cream Yellow */
--ecru: #c2ae93; /* Ecru */
--nile-blue: #bce4e5; /* Nile Blue */
--antwerp-blue: #007190; /* Antwerp Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 302 */
@theme {
--color-cream-yellow: #fdbf68;
--color-ecru: #c2ae93;
--color-nile-blue: #bce4e5;
--color-antwerp-blue: #007190;
}
{
"id": 302,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Ecru",
"hex": "#c2ae93",
"rgb": [
194,
174,
147
],
"cmyk": [
20,
25,
40,
6
]
},
{
"name": "Nile Blue",
"hex": "#bce4e5",
"rgb": [
188,
228,
229
],
"cmyk": [
25,
0,
10,
0
]
},
{
"name": "Antwerp Blue",
"hex": "#007190",
"rgb": [
0,
113,
144
],
"cmyk": [
100,
40,
30,
10
]
}
]
}