analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#F5F7C0 — Butter
#F5F7C0 is a light saturated yellow sitting at 62° 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.
#f5f7c0
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #F5F7C0
- fdfdf1
- f6f8c8
- f0f29e
- e9ed75
- e2e84b
- dce222
- b7bd19
- 8f9313
- 676a0e
- 3e4008
- 161703
Color schemes using #F5F7C0
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
#F5F7C0 FAQ
What color is #F5F7C0?
#F5F7C0 is a shade of butter in the yellow family. It has a hue of 62 degrees, 77% saturation and 86% lightness, which makes it a light saturated color.
What is the RGB value of #F5F7C0?
#F5F7C0 is rgb(245, 247, 192) in RGB, hsl(62, 77%, 86%) in HSL, and cmyk(1%, 0%, 22%, 3%) in CMYK.
Can I use white text on #F5F7C0?
White text on this background reaches 1.11:1, which fails WCAG AA. Black text reaches 18.95:1.
What colors go well with #F5F7C0?
Its direct complement is #C2C0F7. For something less stark, the split-complementary pair #C0D9F7 and #DDC0F7 gives you contrast without the vibration.