#f2c660 color: Butterblond
Every format, shade and contrast value for #f2c660. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Butterblond#f2c660
- ≈ Amber
- Yellow
- Light
- Vivid
- Pastel
- Warm
- orange-300
- Black 5%
Looks the same on every screen.
White text1.61:1 · Below AALc -31
Black text13.02:1 · AALc 76
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 #f2c660
#f2c660 is a pastel light yellow color. In OKLCH it has 84.6% lightness, 0.13 chroma and a hue of 86°.
Looks the same on every screen.
White text on it reaches 1.61:1 contrast and black text 13.02:1, so black text reads better.
The closest named color is Butterblond (#f1c766). In Tailwind CSS the closest color is orange-300.