Sudan Brown
- 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
Medium & muted
Lightness 53 (range 18–83)
Colorfulness 0.040
Average OKLCH lightness (0–100) and chroma (colorfulness).
Accented neutral
Neutral colors with a single colored accent.
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 40
Closest pair ΔE 39.6 · average ΔE 50.1
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Black on Glaucous Green (11.1:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaSudan Brown · Glaucous Green | 2.7:1Low | 39 / 42 |
| AaAaSudan Brown · Black | 4.1:1AA large | 30 / 32 |
| AaAaGlaucous Green · Black | 11.1:1AAA | 72 / 73 |
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. 207 */
:root {
--sudan-brown: #a36752; /* Sudan Brown */
--glaucous-green: #b4cdc2; /* Glaucous Green */
--black: #111314; /* Black */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 207 */
@theme {
--color-sudan-brown: #a36752;
--color-glaucous-green: #b4cdc2;
--color-black: #111314;
}
{
"id": 207,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Sudan Brown",
"hex": "#a36752",
"rgb": [
163,
103,
82
],
"cmyk": [
25,
60,
65,
19
]
},
{
"name": "Glaucous Green",
"hex": "#b4cdc2",
"rgb": [
180,
205,
194
],
"cmyk": [
30,
9,
24,
0
]
},
{
"name": "Black",
"hex": "#111314",
"rgb": [
17,
19,
20
],
"cmyk": [
20,
10,
15,
100
]
}
]
}