Golden 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 58 (range 40–78)
Colorfulness 0.107
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 8
Closest pair ΔE 8.3 · average ΔE 41.8
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Golden Yellow on Violet Blue (4.4:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaGolden Yellow · Apricot Orange | 1.2:1Low | 0 / 0 |
| AaAaGolden Yellow · Violet Blue | 4.4:1AA large | 50 / 49 |
| AaAaGolden Yellow · Vanderpoel's Blue | 4.3:1AA large | 49 / 48 |
| AaAaApricot Orange · Violet Blue | 3.9:1AA large | 43 / 43 |
| AaAaApricot Orange · Vanderpoel's Blue | 3.7:1AA large | 42 / 41 |
| AaAaViolet Blue · Vanderpoel's Blue | 1.0:1Low | 0 / 0 |
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. 309 */
:root {
--golden-yellow: #f3a257; /* Golden Yellow */
--apricot-orange: #f68c50; /* Apricot Orange */
--violet-blue: #40456a; /* Violet Blue */
--vanderpoels-blue: #064f6e; /* Vanderpoel's Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 309 */
@theme {
--color-golden-yellow: #f3a257;
--color-apricot-orange: #f68c50;
--color-violet-blue: #40456a;
--color-vanderpoels-blue: #064f6e;
}
{
"id": 309,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Golden Yellow",
"hex": "#f3a257",
"rgb": [
243,
162,
87
],
"cmyk": [
2,
42,
74,
0
]
},
{
"name": "Apricot Orange",
"hex": "#f68c50",
"rgb": [
246,
140,
80
],
"cmyk": [
0,
55,
75,
0
]
},
{
"name": "Violet Blue",
"hex": "#40456a",
"rgb": [
64,
69,
106
],
"cmyk": [
85,
79,
38,
16
]
},
{
"name": "Vanderpoel's Blue",
"hex": "#064f6e",
"rgb": [
6,
79,
110
],
"cmyk": [
100,
73,
43,
10
]
}
]
}