#FB6550 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fb6550 is a loud, saturated reddish-orange that demands immediate attention. This high-energy shade works best as a sharp accent or CTA button rather than a large background, which can quickly overwhelm the eye. It pairs well with charcoal grays and deep navies to anchor its intensity. With a 7.1:1 contrast ratio against black text, the hex code #fb6550 remains highly legible even in small UI elements.
Questions about #fb6550
What is #fb6550 in RGB, HSL and CMYK?
In RGB, #fb6550 is rgb(251, 101, 80), in HSL hsl(7, 96%, 65%) and in CMYK 0%, 60%, 68%, 2%.
What is the best way to use #fb6550 in a UI layout?
Reserve #fb6550 for strategic accents like call-to-action buttons because its high saturation quickly fatigues the eye in larger fields. It creates a striking, energetic contrast when paired alongside neutral backgrounds such as deep navy or crisp dark gray.
Is #fb6550 readable on white or black?
#fb6550 has a 2.96:1 contrast ratio on white and 7.07: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.