#ED5A0C Hex Color

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

Hex color #ed5a0c graphic
This saturated orange commands immediate attention with its high intensity and warm, fiery undertones. Because it is so dominant, use #ed5a0c sparingly as an accent rather than a background color. It pairs surprisingly well with deep charcoal grays, which ground its brightness. With a contrast ratio of 6.1:1, black text remains perfectly legible against this hex code.

Questions about #ed5a0c

What is #ed5a0c in RGB, HSL and CMYK?
In RGB, #ed5a0c is rgb(237, 90, 12), in HSL hsl(21, 90%, 49%) and in CMYK 0%, 62%, 95%, 7%. Browse more shades of orange with names and hex codes.
How should I use #ed5a0c in a color palette?
Because #ed5a0c is extremely dominant, it performs best as a focal point or CTA button rather than a primary background. Pair it with deep, muted tones like charcoal to anchor its fiery brightness without overwhelming the viewer.
Is #ed5a0c readable on white or black?
#ed5a0c has a 3.46:1 contrast ratio on white and 6.06: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.