#FDB368 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange feels friendly and approachable due to its high lightness and moderate saturation. It pairs effectively with deep charcoal or navy blue to anchor its sunny disposition. Because #fdb368 offers excellent contrast with black, it works well for readable body text or bold UI accents. Avoid using it as a full-page background, as it can overwhelm subtle design elements. The hex code for this shade is #fdb368.
Questions about #fdb368
What is #fdb368 in RGB, HSL and CMYK?
In RGB, #fdb368 is rgb(253, 179, 104), in HSL hsl(30, 97%, 70%) and in CMYK 0%, 29%, 59%, 1%.
What colors pair well with #fdb368 in a design layout?
Is #fdb368 suitable for large areas or backgrounds?
Using #fdb368 as a full-page background often overwhelms other design elements due to its high brightness and saturation. It is significantly more effective when used as a deliberate highlight, call-to-action button, or accent color to draw the user eye toward specific content.
Is #fdb368 readable on white or black?
#fdb368 has a 1.77:1 contrast ratio on white and 11.82: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.