#ccb166 color: Canadian Maple
Every format, shade and contrast value for #ccb166. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Canadian Maple#ccb166
- ≈ Sand
- Yellow
- Light
- Soft
- Warm
- olive-400
- Black 20%
Looks the same on every screen.
White text2.09:1 · Below AALc -45
Black text10.05:1 · AALc 63
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #ccb166
#ccb166 is a soft light yellow color. In OKLCH it has 76.8% lightness, 0.1 chroma and a hue of 90°.
Looks the same on every screen.
White text on it reaches 2.09:1 contrast and black text 10.05:1, so black text reads better.
The closest named color is Canadian Maple (#cab266). In Tailwind CSS the closest color is olive-400.