analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#F5F8A2 — Canary
#F5F8A2 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.
#f5f8a2
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #F5F8A2
- fdfef1
- f9fbc5
- f4f799
- f0f46e
- ebf142
- e6ee17
- c0c60f
- 969b0c
- 6c6f08
- 414305
- 171802
Color schemes using #F5F8A2
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
#F5F8A2 FAQ
What color is #F5F8A2?
#F5F8A2 is a shade of canary in the yellow family. It has a hue of 62 degrees, 86% saturation and 80% lightness, which makes it a light saturated color.
What is the RGB value of #F5F8A2?
#F5F8A2 is rgb(245, 248, 162) in RGB, hsl(62, 86%, 80%) in HSL, and cmyk(1%, 0%, 35%, 3%) in CMYK.
Can I use white text on #F5F8A2?
White text on this background reaches 1.12:1, which fails WCAG AA. Black text reaches 18.83:1.
What colors go well with #F5F8A2?
Its direct complement is #A3A0F8. For something less stark, the split-complementary pair #A0C9F8 and #CFA0F8 gives you contrast without the vibration.