#D6530C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d6530c graphic
Strong and warm, #d6530c is a saturated orange with a red-leaning undertone and bright, energetic presence. Its bold intensity suits calls to action, food branding, sports graphics, and safety accents. Use it as a focused 10% accent beside navy or charcoal rather than a full-page background. The hex code #d6530c also supports black text at about 5.1:1 contrast.

Questions about #d6530c

What is #d6530c in RGB, HSL and CMYK?
In RGB, #d6530c is rgb(214, 83, 12), in HSL hsl(21, 89%, 44%) and in CMYK 0%, 61%, 94%, 16%.
What colors pair well with #d6530c?
The strongest pairings for #d6530c are navy, charcoal, cream, and muted teal, because these colors temper its high saturation while preserving its warmth and making the orange easier to organize across headlines, buttons, packaging, and supporting graphic elements.
Does #d6530c work with black text?
#d6530c works with black text for normal body copy, reaching about a 5.1:1 contrast ratio and meeting the WCAG AA threshold of 4.5:1 for standard text in most interface layouts. Test the exact font weight and size in context, especially for small labels.
Where does #d6530c work best in a layout?
Use #d6530c as a small accent for calls to action, status badges, food packaging, sports graphics, or safety messaging, where its high chroma attracts attention without overwhelming the composition on busy pages. Keep quieter neutrals around it to preserve hierarchy.
Is #d6530c readable on white or black?
#d6530c has a 4.11:1 contrast ratio on white and 5.10: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.