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
Harmony in contrast
Harmony in contrast
Medium & moderate
Lightness 61 (range 32–82)
Colorfulness 0.124
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 47
Closest pair ΔE 46.7 · average ΔE 58.5
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Yellow Green on Dark Tyrian Blue (7.6:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaOrange · Yellow Green | 1.7:1Low | 22 / 25 |
| AaAaOrange · Dark Tyrian Blue | 4.5:1AA large | 42 / 43 |
| AaAaYellow Green · Dark Tyrian Blue | 7.6:1AAA | 67 / 67 |
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. 141 */
:root {
--orange: #f37420; /* Orange */
--yellow-green: #afd472; /* Yellow Green */
--dark-tyrian-blue: #12354e; /* Dark Tyrian Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 141 */
@theme {
--color-orange: #f37420;
--color-yellow-green: #afd472;
--color-dark-tyrian-blue: #12354e;
}
{
"id": 141,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Orange",
"hex": "#f37420",
"rgb": [
243,
116,
32
],
"cmyk": [
0,
68,
100,
0
]
},
{
"name": "Yellow Green",
"hex": "#afd472",
"rgb": [
175,
212,
114
],
"cmyk": [
35,
0,
72,
0
]
},
{
"name": "Dark Tyrian Blue",
"hex": "#12354e",
"rgb": [
18,
53,
78
],
"cmyk": [
90,
66,
36,
50
]
}
]
}