Apricot Yellow
- 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.
No pair of colors in this combination reaches a contrast of 3:1, so it is best used without text.
Light & moderate
Lightness 77 (range 66–90)
Colorfulness 0.119
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 24
Closest pair ΔE 24.3 · average ΔE 37.5
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Apricot Yellow on Khaki (2.3:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaApricot Yellow · Khaki | 2.3:1Low | 42 / 39 |
| AaAaApricot Yellow · Salvia Blue | 1.7:1Low | 30 / 27 |
| AaAaKhaki · Salvia Blue | 1.3:1Low | 10 / 12 |
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. 129 */
:root {
--apricot-yellow: #ffdd00; /* Apricot Yellow */
--khaki: #bc892b; /* Khaki */
--salvia-blue: #97acc8; /* Salvia Blue */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 129 */
@theme {
--color-apricot-yellow: #ffdd00;
--color-khaki: #bc892b;
--color-salvia-blue: #97acc8;
}
{
"id": 129,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Apricot Yellow",
"hex": "#ffdd00",
"rgb": [
255,
221,
0
],
"cmyk": [
0,
10,
100,
0
]
},
{
"name": "Khaki",
"hex": "#bc892b",
"rgb": [
188,
137,
43
],
"cmyk": [
24,
45,
100,
6
]
},
{
"name": "Salvia Blue",
"hex": "#97acc8",
"rgb": [
151,
172,
200
],
"cmyk": [
41,
25,
10,
0
]
}
]
}