Red Orange
- 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 & vivid
Lightness 59 (range 39–78)
Colorfulness 0.151
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 27
Closest pair ΔE 26.7 · average ΔE 45.7
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Golden Yellow on Deep Lyons Blue (4.7:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaRed Orange · Golden Yellow | 2.1:1Low | 26 / 28 |
| AaAaRed Orange · Deep Lyons Blue | 2.2:1Low | 21 / 21 |
| AaAaGolden Yellow · Deep Lyons Blue | 4.7:1AA | 50 / 50 |
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. 179 */
:root {
--red-orange: #dd4027; /* Red Orange */
--golden-yellow: #f3a257; /* Golden Yellow */
--deep-lyons-blue: #1c4286; /* Deep Lyons Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 179 */
@theme {
--color-red-orange: #dd4027;
--color-golden-yellow: #f3a257;
--color-deep-lyons-blue: #1c4286;
}
{
"id": 179,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Red Orange",
"hex": "#dd4027",
"rgb": [
221,
64,
39
],
"cmyk": [
9,
90,
100,
0
]
},
{
"name": "Golden Yellow",
"hex": "#f3a257",
"rgb": [
243,
162,
87
],
"cmyk": [
2,
42,
74,
0
]
},
{
"name": "Deep Lyons Blue",
"hex": "#1c4286",
"rgb": [
28,
66,
134
],
"cmyk": [
100,
85,
15,
6
]
}
]
}