#F5B653 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, mellow orange carries a golden warmth without becoming overpowering. Because it holds significant saturation, #f5b653 works best as a punchy accent color rather than a primary background. It pairs exceptionally well with charcoal gray or deep teals, creating a high-contrast look that pops. Since black text provides excellent readability against this shade, use it for bold UI elements or youthful, adventurous branding.
Questions about #f5b653
What is #f5b653 in RGB, HSL and CMYK?
In RGB, #f5b653 is rgb(245, 182, 83), in HSL hsl(37, 89%, 64%) and in CMYK 0%, 26%, 66%, 4%.
Does #f5b653 work well as a primary background color?
It is generally too vibrant and saturated for large background surfaces. Because #f5b653 demands high attention, use it sparingly as a functional accent color for buttons or highlights to keep your interface comfortable and usable.
What colors pair well with #f5b653?
Is #f5b653 readable on white or black?
#f5b653 has a 1.79:1 contrast ratio on white and 11.69: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.