Yellow 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
Harmony in contrast
Harmony in contrast
Dark & moderate
Lightness 46 (range 18–77)
Colorfulness 0.079
Average OKLCH lightness (0–100) and chroma (colorfulness).
Free
No classic color-wheel relationship.
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 27
Closest pair ΔE 27.3 · average ΔE 40.2
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Black on Yellow Orange (8.8:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaYellow Orange · Sepia | 3.8:1AA large | 46 / 45 |
| AaAaYellow Orange · Taupe Brown | 3.5:1AA large | 44 / 43 |
| AaAaYellow Orange · Black | 8.8:1AAA | 60 / 62 |
| AaAaSepia · Taupe Brown | 1.1:1Low | 0 / 0 |
| AaAaSepia · Black | 2.3:1Low | 13 / 15 |
| AaAaTaupe Brown · Black | 2.5:1Low | 16 / 17 |
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. 288 */
:root {
--yellow-orange: #f99d1b; /* Yellow Orange */
--sepia: #644b1e; /* Sepia */
--taupe-brown: #7a4456; /* Taupe Brown */
--black: #111314; /* Black */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 288 */
@theme {
--color-yellow-orange: #f99d1b;
--color-sepia: #644b1e;
--color-taupe-brown: #7a4456;
--color-black: #111314;
}
{
"id": 288,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Yellow Orange",
"hex": "#f99d1b",
"rgb": [
249,
157,
27
],
"cmyk": [
0,
45,
100,
0
]
},
{
"name": "Sepia",
"hex": "#644b1e",
"rgb": [
100,
75,
30
],
"cmyk": [
48,
60,
100,
40
]
},
{
"name": "Taupe Brown",
"hex": "#7a4456",
"rgb": [
122,
68,
86
],
"cmyk": [
30,
70,
35,
40
]
},
{
"name": "Black",
"hex": "#111314",
"rgb": [
17,
19,
20
],
"cmyk": [
20,
10,
15,
100
]
}
]
}