#DC5218 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dc5218 is a high-intensity red-orange that demands immediate attention. This saturated shade works best as a 10% accent color to draw the eye toward call-to-action buttons or crucial interface highlights. Avoid using it as a large background, as its overwhelming warmth can quickly tire the viewer. Pair it with deep charcoal or slate greys for a balanced, modern look. The hex code is #dc5218.
Questions about #dc5218
What is #dc5218 in RGB, HSL and CMYK?
In RGB, #dc5218 is rgb(220, 82, 24), in HSL hsl(18, 80%, 48%) and in CMYK 0%, 63%, 89%, 14%.
What are the best colors to pair with #dc5218?
To balance the high intensity of #dc5218, pair it with neutral, darker tones like charcoal or deep slate grays. These grounding colors prevent the warmth of this red-orange from overpowering your design while ensuring high readability for users.
Is #dc5218 suitable for large background elements?
Use #dc5218 sparingly, as its intense saturation can quickly cause eye fatigue if used on large backgrounds. It works far more effectively as a targeted 10% accent to draw user attention toward specific call-to-action buttons or critical interface highlights.
Is #dc5218 readable on white or black?
#dc5218 has a 3.98:1 contrast ratio on white and 5.26: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.