Jasper 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.
No pair of colors in this combination reaches a contrast of 3:1, so it is best used without text.
Medium & moderate
Lightness 55 (range 38–64)
Colorfulness 0.110
Average OKLCH lightness (0–100) and chroma (colorfulness).
Split-complementary
One hue plus the two hues either side of its complement.
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 29
Closest pair ΔE 28.6 · average ΔE 43.7
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Chromium Green on Dusky Green (2.8:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaJasper Red · Chromium Green | 1.1:1Low | 0 / 0 |
| AaAaJasper Red · Dusky Green | 2.6:1Low | 27 / 27 |
| AaAaChromium Green · Dusky Green | 2.8:1Low | 28 / 28 |
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. 219 */
:root {
--jasper-red: #eb5324; /* Jasper Red */
--chromium-green: #719470; /* Chromium Green */
--dusky-green: #004f46; /* Dusky Green */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 219 */
@theme {
--color-jasper-red: #eb5324;
--color-chromium-green: #719470;
--color-dusky-green: #004f46;
}
{
"id": 219,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Jasper Red",
"hex": "#eb5324",
"rgb": [
235,
83,
36
],
"cmyk": [
2,
83,
100,
0
]
},
{
"name": "Chromium Green",
"hex": "#719470",
"rgb": [
113,
148,
112
],
"cmyk": [
50,
16,
58,
20
]
},
{
"name": "Dusky Green",
"hex": "#004f46",
"rgb": [
0,
79,
70
],
"cmyk": [
100,
30,
64,
50
]
}
]
}