#F4A067 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A light, creamy apricot, #f4a067 brings a cheerful warmth to any palette. Its pastel nature makes it friendly and approachable, perfect for youth-oriented branding or spring seasonal designs. Use this as a supporting tone to break up darker grays or navy blues. Because black text maintains strong contrast against its lightness, the hex code #f4a067 works effectively for both large backgrounds and secondary UI elements.
Questions about #f4a067
What is #f4a067 in RGB, HSL and CMYK?
In RGB, #f4a067 is rgb(244, 160, 103), in HSL hsl(24, 87%, 68%) and in CMYK 0%, 34%, 58%, 4%.
What design elements pair well with #f4a067?
The lightness of #f4a067 allows it to work best when grounded by darker, more serious tones. Use it alongside deep navy or muted charcoal to create a balanced palette that feels sophisticated rather than purely energetic.
Is #f4a067 suitable for UI text?
Using #f4a067 for body text is generally not recommended as its light value creates poor contrast against white backgrounds. It serves much better as a vibrant accent, a soft background fill, or for large, bold graphical elements.
Is #f4a067 readable on white or black?
#f4a067 has a 2.08:1 contrast ratio on white and 10.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.