Naples 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
Medium & moderate
Lightness 67 (range 30–93)
Colorfulness 0.082
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 25
Closest pair ΔE 24.6 · average ΔE 46.7
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Naples Yellow on Deep Slate Olive (11.0:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaNaples Yellow · Peach Red | 2.7:1Low | 50 / 46 |
| AaAaNaples Yellow · Deep Slate Olive | 11.0:1AAA | 88 / 86 |
| AaAaNaples Yellow · Neutral Gray | 1.5:1Low | 24 / 21 |
| AaAaPeach Red · Deep Slate Olive | 4.1:1AA large | 37 / 38 |
| AaAaPeach Red · Neutral Gray | 1.8:1Low | 22 / 25 |
| AaAaDeep Slate Olive · Neutral Gray | 7.3:1AAA | 63 / 62 |
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. 303 */
:root {
--naples-yellow: #fbe6a0; /* Naples Yellow */
--peach-red: #f15a30; /* Peach Red */
--deep-slate-olive: #253122; /* Deep Slate Olive */
--neutral-gray: #b6bfc1; /* Neutral Gray */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 303 */
@theme {
--color-naples-yellow: #fbe6a0;
--color-peach-red: #f15a30;
--color-deep-slate-olive: #253122;
--color-neutral-gray: #b6bfc1;
}
{
"id": 303,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Naples Yellow",
"hex": "#fbe6a0",
"rgb": [
251,
230,
160
],
"cmyk": [
2,
7,
44,
0
]
},
{
"name": "Peach Red",
"hex": "#f15a30",
"rgb": [
241,
90,
48
],
"cmyk": [
0,
80,
90,
0
]
},
{
"name": "Deep Slate Olive",
"hex": "#253122",
"rgb": [
37,
49,
34
],
"cmyk": [
76,
60,
80,
62
]
},
{
"name": "Neutral Gray",
"hex": "#b6bfc1",
"rgb": [
182,
191,
193
],
"cmyk": [
29,
18,
20,
0
]
}
]
}