#FF6B30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff6b30 is a saturated orange with deep red undertones that commands immediate attention. Because of its intensity, designers should use this hex code as a bold accent for calls to action rather than large background areas. It pairs well with dark slate grays to ground the color. Black text remains legible against this shade, offering a readable 7.4:1 contrast ratio for any small typography.
Questions about #ff6b30
What is #ff6b30 in RGB, HSL and CMYK?
In RGB, #ff6b30 is rgb(255, 107, 48), in HSL hsl(17, 100%, 59%) and in CMYK 0%, 58%, 81%, 0%. Browse more shades of orange with names and hex codes.
Where should I use the #ff6b30 orange in a design?
Because of its intense saturation, #ff6b30 serves best as a strategic accent rather than a background color. Use it for call-to-action buttons or alert icons to grab immediate attention without overwhelming the viewer's eyes in a large layout.
What colors pair well with #ff6b30?
Is #ff6b30 readable on white or black?
#ff6b30 has a 2.83:1 contrast ratio on white and 7.39: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.