Fawn
- 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
Medium & muted
Lightness 60 (range 40–78)
Colorfulness 0.069
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 34
Closest pair ΔE 34.2 · average ΔE 40.0
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Fawn on Violet Blue (4.6:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaFawn · Cerulean Blue | 1.8:1Low | 25 / 23 |
| AaAaFawn · Violet Blue | 4.6:1AA | 51 / 50 |
| AaAaCerulean Blue · Violet Blue | 2.5:1Low | 26 / 26 |
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. 125 */
:root {
--fawn: #d1b0a7; /* Fawn */
--cerulean-blue: #0093a5; /* Cerulean Blue */
--violet-blue: #40456a; /* Violet Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 125 */
@theme {
--color-fawn: #d1b0a7;
--color-cerulean-blue: #0093a5;
--color-violet-blue: #40456a;
}
{
"id": 125,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Fawn",
"hex": "#d1b0a7",
"rgb": [
209,
176,
167
],
"cmyk": [
18,
31,
30,
0
]
},
{
"name": "Cerulean Blue",
"hex": "#0093a5",
"rgb": [
0,
147,
165
],
"cmyk": [
84,
26,
32,
0
]
},
{
"name": "Violet Blue",
"hex": "#40456a",
"rgb": [
64,
69,
106
],
"cmyk": [
85,
79,
38,
16
]
}
]
}