Pompeian Red
- 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
Light & moderate
Lightness 74 (range 49–84)
Colorfulness 0.121
Average OKLCH lightness (0–100) and chroma (colorfulness).
Complementary
Includes hues from opposite sides of 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 & cool
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 19
Closest pair ΔE 19.4 · average ΔE 38.8
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Cream Yellow on Pompeian Red (4.2:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaPompeian Red · Cream Yellow | 4.2:1AA large | 52 / 54 |
| AaAaPompeian Red · Dark Greenish Glaucous | 3.7:1AA large | 45 / 47 |
| AaAaPompeian Red · Light Green Yellow | 4.2:1AA large | 51 / 54 |
| AaAaCream Yellow · Dark Greenish Glaucous | 1.1:1Low | 0 / 0 |
| AaAaCream Yellow · Light Green Yellow | 1.0:1Low | 0 / 0 |
| AaAaDark Greenish Glaucous · Light Green Yellow | 1.1: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. 311 */
:root {
--pompeian-red: #ab2439; /* Pompeian Red */
--cream-yellow: #fdbf68; /* Cream Yellow */
--dark-greenish-glaucous: #b7c2a9; /* Dark Greenish Glaucous */
--light-green-yellow: #c7d14f; /* Light Green Yellow */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 311 */
@theme {
--color-pompeian-red: #ab2439;
--color-cream-yellow: #fdbf68;
--color-dark-greenish-glaucous: #b7c2a9;
--color-light-green-yellow: #c7d14f;
}
{
"id": 311,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Pompeian Red",
"hex": "#ab2439",
"rgb": [
171,
36,
57
],
"cmyk": [
18,
97,
74,
19
]
},
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Dark Greenish Glaucous",
"hex": "#b7c2a9",
"rgb": [
183,
194,
169
],
"cmyk": [
30,
15,
36,
0
]
},
{
"name": "Light Green Yellow",
"hex": "#c7d14f",
"rgb": [
199,
209,
79
],
"cmyk": [
26,
5,
85,
0
]
}
]
}