#af754b color: Baked Bean
Every format, shade and contrast value for #af754b. Drag the picker to explore nearby colors.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
Baked Bean#af754b
- ≈ Copper
- Brown
- Medium
- Soft
- Warm
- yellow-700
- Black 31%
Looks the same on every screen.
White text3.84:1Below AALc -71
Black text5.47:1AALc 38
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 #af754b
#af754b is a soft brown color. In OKLCH it has 61.4% lightness, 0.093 chroma and a hue of 56°.
Looks the same on every screen.
White text on it reaches 3.84:1 contrast and black text 5.47:1, so white text reads better.
The closest named color is Baked Bean (#b2754d). In Tailwind CSS the closest color is yellow-700.