#D54F3E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #d54f3e when a sale banner or call-to-action button needs to shout without tipping into neon. This bold red carries warm brick undertones and enough saturation to hold its own against dark layouts. Black text passes AA contrast at roughly 5.0:1, so small type stays legible. It earns its keep as a 10 percent accent, since full backgrounds turn loud fast.
Questions about #d54f3e
What is #d54f3e in RGB, HSL and CMYK?
In RGB, #d54f3e is rgb(213, 79, 62), in HSL hsl(7, 64%, 54%) and in CMYK 0%, 63%, 71%, 16%. Browse more shades of red with names and hex codes.
What colors pair well with #d54f3e?
Deep teal and navy cool down its heat, while cream stops it from looking washed out on white. Skip orange and magenta neighbors, where the red loses its edge.
Is black or white text easier to read on #d54f3e?
Black text, at about 5.0:1 contrast, which clears the WCAG AA 4.5:1 threshold for body copy. White text falls short of that bar and only works for large headings.
Is #d54f3e readable on white or black?
#d54f3e has a 4.18:1 contrast ratio on white and 5.01: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.