analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#F4F7B6 — Butter
#F4F7B6 is a light saturated yellow sitting at 63° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#f4f7b6
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #F4F7B6
- fdfdf1
- f6f9c7
- f0f49d
- e9ef73
- e3eb48
- dce61e
- b7c015
- 8f9611
- 676b0c
- 3e4107
- 161703
Color schemes using #F4F7B6
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#F4F7B6 FAQ
What color is #F4F7B6?
#F4F7B6 is a shade of butter in the yellow family. It has a hue of 63 degrees, 80% saturation and 84% lightness, which makes it a light saturated color.
What is the RGB value of #F4F7B6?
#F4F7B6 is rgb(244, 247, 182) in RGB, hsl(63, 80%, 84%) in HSL, and cmyk(1%, 0%, 26%, 3%) in CMYK.
Can I use white text on #F4F7B6?
White text on this background reaches 1.12:1, which fails WCAG AA. Black text reaches 18.83:1.
What colors go well with #F4F7B6?
Its direct complement is #B9B6F7. For something less stark, the split-complementary pair #B6D3F7 and #D9B6F7 gives you contrast without the vibration.