#F23F3C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f23f3c is an intense, high-octane red that demands immediate attention. Because of its extreme saturation, it works best as a small accent rather than a background color. Pair it with dark charcoal grays to ground its aggressive energy without sacrificing impact. The hex code #f23f3c maintains enough contrast for black text, ensuring readability when used for buttons or critical alerts.
Questions about #f23f3c
What is #f23f3c in RGB, HSL and CMYK?
In RGB, #f23f3c is rgb(242, 63, 60), in HSL hsl(1, 87%, 59%) and in CMYK 0%, 74%, 75%, 5%.
What is the best way to use #f23f3c in a UI design?
Use #f23f3c primarily as a call-to-action button or error state rather than a large background. Its extreme saturation overwhelms the eye when applied to large surfaces, but it creates essential visual hierarchy when reserved for functional, clickable elements.
Which colors pair well with this high-octane red?
Pair #f23f3c with charcoal or deep neutral grays to ground its aggressive energy effectively. Because this red is so vibrant, avoid competing bright colors and instead lean on desaturated tones to keep your overall composition readable and balanced for the user.
Is #f23f3c readable on white or black?
#f23f3c has a 3.78:1 contrast ratio on white and 5.55: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.