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
Medium & moderate
Lightness 57 (range 38–94)
Colorfulness 0.127
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 27
Closest pair ΔE 27.2 · average ΔE 52.8
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Yellow on Slate Color (8.5:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaRed · Yellow | 6.1:1AA | 73 / 77 |
| AaAaRed · Diamine Green | 1.2:1Low | 0 / 0 |
| AaAaRed · Slate Color | 1.4:1Low | 8 / 8 |
| AaAaYellow · Diamine Green | 5.0:1AA | 72 / 68 |
| AaAaYellow · Slate Color | 8.5:1AAA | 86 / 83 |
| AaAaDiamine Green · Slate Color | 1.7:1Low | 13 / 13 |
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. 251 */
:root {
--red: #a72144; /* Red */
--yellow: #fff200; /* Yellow */
--diamine-green: #1a7444; /* Diamine Green */
--slate-color: #34454c; /* Slate Color */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 251 */
@theme {
--color-red: #a72144;
--color-yellow: #fff200;
--color-diamine-green: #1a7444;
--color-slate-color: #34454c;
}
{
"id": 251,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Red",
"hex": "#a72144",
"rgb": [
167,
33,
68
],
"cmyk": [
30,
100,
70,
10
]
},
{
"name": "Yellow",
"hex": "#fff200",
"rgb": [
255,
242,
0
],
"cmyk": [
0,
0,
100,
0
]
},
{
"name": "Diamine Green",
"hex": "#1a7444",
"rgb": [
26,
116,
68
],
"cmyk": [
87,
32,
91,
18
]
},
{
"name": "Slate Color",
"hex": "#34454c",
"rgb": [
52,
69,
76
],
"cmyk": [
85,
70,
62,
30
]
}
]
}