#F27B50 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy orange-red demands attention with its saturated, warm intensity. Because of its visual weight, #f27b50 works best as an accent color for calls to action or seasonal highlights rather than a full background. It pairs exceptionally well with cool, dark charcoals to ground its brightness. With a 7.7:1 contrast ratio against black, the hex code #f27b50 is highly readable for UI design.
Questions about #f27b50
What is #f27b50 in RGB, HSL and CMYK?
In RGB, #f27b50 is rgb(242, 123, 80), in HSL hsl(16, 86%, 63%) and in CMYK 0%, 49%, 67%, 5%.
Does #f27b50 work for text on a dark background?
Yes, #f27b50 maintains excellent readability against dark backgrounds due to its high luminance and contrast ratio. It provides a sharp, energetic pop that works well for headlines or UI elements against a dark charcoal or black canvas.
What is the emotional impact of #f27b50?
This shade conveys urgency, warmth, and excitement, making it an ideal choice for brands looking to stimulate action. Its intensity is inherently welcoming but bold, so it serves best as a focal point in environments needing a human, approachable vibe.
Is #f27b50 readable on white or black?
#f27b50 has a 2.71:1 contrast ratio on white and 7.72: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.