analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#FDF396 — Canary
#FDF396 is a light saturated yellow sitting at 54° 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.
#fdf396
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #FDF396
- fffdf0
- fef8c2
- fdf294
- fced66
- fbe738
- fae20a
- d1bc04
- a39303
- 756902
- 474001
- 191701
Color schemes using #FDF396
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
#FDF396 FAQ
What color is #FDF396?
#FDF396 is a shade of canary in the yellow family. It has a hue of 54 degrees, 96% saturation and 79% lightness, which makes it a light saturated color.
What is the RGB value of #FDF396?
#FDF396 is rgb(253, 243, 150) in RGB, hsl(54, 96%, 79%) in HSL, and cmyk(0%, 4%, 41%, 1%) in CMYK.
Can I use white text on #FDF396?
White text on this background reaches 1.14:1, which fails WCAG AA. Black text reaches 18.44:1.
What colors go well with #FDF396?
Its direct complement is #96A0FD. For something less stark, the split-complementary pair #96D4FD and #BF96FD gives you contrast without the vibration.