analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#F5F5AE — Canary
#F5F5AE is a light saturated yellow sitting at 60° 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.
#f5f5ae
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #F5F5AE
- fdfdf1
- f8f8c8
- f3f39e
- eeee74
- e9e94a
- e4e421
- bebe17
- 949412
- 6a6a0d
- 404008
- 171703
Color schemes using #F5F5AE
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
#F5F5AE FAQ
What color is #F5F5AE?
#F5F5AE is a shade of canary in the yellow family. It has a hue of 60 degrees, 78% saturation and 82% lightness, which makes it a light saturated color.
What is the RGB value of #F5F5AE?
#F5F5AE is rgb(245, 245, 174) in RGB, hsl(60, 78%, 82%) in HSL, and cmyk(0%, 0%, 29%, 4%) in CMYK.
Can I use white text on #F5F5AE?
White text on this background reaches 1.13:1, which fails WCAG AA. Black text reaches 18.55:1.
What colors go well with #F5F5AE?
Its direct complement is #ADADF5. For something less stark, the split-complementary pair #ADD1F5 and #D1ADF5 gives you contrast without the vibration.