Apricot 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 54 (range 19–74)
Colorfulness 0.102
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 29
Closest pair ΔE 28.9 · average ΔE 52.5
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Deep Indigo on Apricot Orange (7.7:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaApricot Orange · Olive Yellow | 1.1:1Low | 0 / 0 |
| AaAaApricot Orange · Deep Indigo | 7.7:1AAA | 55 / 56 |
| AaAaOlive Yellow · Deep Indigo | 6.9:1AA | 49 / 51 |
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. 211 */
:root {
--apricot-orange: #f68c50; /* Apricot Orange */
--olive-yellow: #a6a159; /* Olive Yellow */
--deep-indigo: #051230; /* Deep Indigo */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 211 */
@theme {
--color-apricot-orange: #f68c50;
--color-olive-yellow: #a6a159;
--color-deep-indigo: #051230;
}
{
"id": 211,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Apricot Orange",
"hex": "#f68c50",
"rgb": [
246,
140,
80
],
"cmyk": [
0,
55,
75,
0
]
},
{
"name": "Olive Yellow",
"hex": "#a6a159",
"rgb": [
166,
161,
89
],
"cmyk": [
40,
30,
80,
0
]
},
{
"name": "Deep Indigo",
"hex": "#051230",
"rgb": [
5,
18,
48
],
"cmyk": [
100,
92,
52,
60
]
}
]
}