Citron Color

#d5c757

Citron is soft, warm-toned shade of warm yellow. It is better contrasting with white. This color combines beautifully with cool blue, warm magenta or warm cyan

Inverse Color #2a38a8
Complementary Color #5664d5
Color Shade: warm yellow (53.33° hue)
Color Temperature: warm
Lightness: 58.82% (better contrasting with white)
Citron Color Sample
Citron Color Sample

Better Alternatives To #d5c757

If you're looking for a similar warm yellow shade, there are some better alternatives to Citron Color. The Roti color for instance is a darker and a bit more faded option, however this color has a orange bias. Consider a darker and more soft alternative called Yellow Lupine (#ccaa4d) for more calm effect. Try Oil Yellow as it also a bit more faded and calm.

Complementary Palette

#5664d5 is the best complementary color to Citron. Cool blue shades generally complement the warm yellow hues best as they are found on the opposite end of the color wheel. The most popular #d5c757 complementary color is Indigo, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of warm red, warm yellow, and cool yellow colors offers a soft combination of similar warm shades. The analogous colors of Tacha are #d58756 and #a4d556. Thus found on the left and right of #d5c757 on the color wheel with a 30° gap. Consider matching Japonica and Conifer colors as they work well with Citron.

Split-complementary Palette

The split-complementary Citron palette consists of #8756d5 and #56a4d5 colors. They can be found 30° apart on either side of the complementary color (#5664d5). Try Medium Purple and Shakespeare colors in combination with #d5c757, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #d5c757 offers a combination of cool magenta and warm cyan shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Citron. Thus Lavender and Viking giving maximum hue separation to use all three together.

Square Palette

The square color palette of Citron contains three additional colors. Thus, complementary Indigo, Emerald, and Hopbush split by 90° on the color wheel. #d5c757 square combo is a palette of warm yellow, cool green, cool blue and warm magenta shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Citron tetradic combo consists of cool blue complementary color (#5664d5) and two others. The Viking is positioned 120° clockwise from the primary color and Chestnut Rose – 120° from the complementary Indigo. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #56d5c7 and #d55664.

Conversion Table

In a RGB color space, hex #d5c757 is made of 43% red, 40% green and 17% blue. In a HSL mode Citron has a hue angle of 53.33°, a saturation of 60% and a lightness of 58.82%. In a CMYK space (used in printing only), hex #d5c757 is made of 0% cyan, 5.49% magenta, 49.41% yellow and 16.47% black ink.

HEX #d5c757
RGB Decimal rgb(213,199,87)
RGB Percentage 43%, 40%, 17%
CMYK 0, 5.49, 49.41, 16.47
HSL hsl(53.33,60%,58.82%)
HSV (or HSB) hsv(53.33,59.15%,83.53%)
CIE-LAB lab(79.432,-8.8391,56.5257)
XYZ xyz(49.5843,55.6811,17.151)
;