#FCA311 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, golden-orange hue demands attention with its intense saturation. Because #fca311 is visually aggressive, it functions best as a small accent or call-to-action button rather than a primary background. It pairs exceptionally well with deep charcoals, which provide the high contrast needed for legibility. The hex code for this warm, optimistic shade is #fca311.
Questions about #fca311
What is #fca311 in RGB, HSL and CMYK?
In RGB, #fca311 is rgb(252, 163, 17), in HSL hsl(37, 98%, 53%) and in CMYK 0%, 35%, 93%, 1%.
What colors pair best with #fca311 for a balanced design?
#fca311 works best against charcoal or deep neutral backgrounds to create high-contrast, accessible designs. Because the color is visually aggressive and saturated, using these dark, grounding tones prevents the orange from overwhelming your layout or tiring the eye.
Is #fca311 a suitable choice for main brand backgrounds?
Using #fca311 as a full-page background is generally discouraged because its extreme intensity can reduce legibility and cause visual strain. It functions much more effectively as a focused highlight, icon, or interactive element that needs to draw immediate attention from users.
Is #fca311 readable on white or black?
#fca311 has a 2.02:1 contrast ratio on white and 10.38: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.