#ED650B Hex Color

A bold and high-intensity orange shade

Hex color #ed650b graphic
#ed650b is a bold, high-intensity shade with an undeniable presence. Due to its saturation, it works best as a 10 percent accent rather than a full background. Pair it with dark charcoal or navy to ground its energy and improve readability. This hex code provides excellent contrast for black text, making it a functional choice for high-visibility buttons and calls to action.

Questions about #ed650b

What is #ed650b in RGB, HSL and CMYK?
In RGB, #ed650b is rgb(237, 101, 11), in HSL hsl(24, 91%, 49%) and in CMYK 0%, 57%, 95%, 7%.
What is the best way to use #ed650b in a UI design?
#ed650b serves best as a strategic 10 percent accent color to draw user attention to high-priority buttons and specific calls to action. Avoid using it as a background color, as its high saturation can overwhelm the viewer and tire the eyes.
Which colors balance the intensity of #ed650b?
Use dark neutrals like charcoal or navy to ground this bright orange, creating a balanced palette with excellent readability. These darker tones prevent the color from appearing too aggressive while maintaining the visual impact needed for professional web interfaces.
Is #ed650b readable on white or black?
#ed650b has a 3.24:1 contrast ratio on white and 6.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.