Citron 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.
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Medium & moderate
Lightness 70 (range 49–84)
Colorfulness 0.107
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 & cool
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 38
Closest pair ΔE 38.0 · average ΔE 49.7
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Pale King's Blue on Blue Violet (4.1:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaCitron Yellow · Pale King's Blue | 1.4:1Low | 13 / 15 |
| AaAaCitron Yellow · Blue Violet | 3.0:1AA large | 39 / 38 |
| AaAaPale King's Blue · Blue Violet | 4.1:1AA large | 56 / 53 |
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. 196 */
:root {
--citron-yellow: #b2b73e; /* Citron Yellow */
--pale-kings-blue: #a7d4e4; /* Pale King's Blue */
--blue-violet: #6450a1; /* Blue Violet */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 196 */
@theme {
--color-citron-yellow: #b2b73e;
--color-pale-kings-blue: #a7d4e4;
--color-blue-violet: #6450a1;
}
{
"id": 196,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Citron Yellow",
"hex": "#b2b73e",
"rgb": [
178,
183,
62
],
"cmyk": [
35,
17,
95,
0
]
},
{
"name": "Pale King's Blue",
"hex": "#a7d4e4",
"rgb": [
167,
212,
228
],
"cmyk": [
33,
4,
7,
0
]
},
{
"name": "Blue Violet",
"hex": "#6450a1",
"rgb": [
100,
80,
161
],
"cmyk": [
72,
80,
0,
0
]
}
]
}