Ruby Fire Color Palette: Hex Codes & CSS

Q: What colors are in the Ruby Fire palette?

Deep ruby red blazing into a fiery bright red. Hex codes: #4A0404, #7A0C0C, #B01111, #E32424, #FF5757.

Q: How do I turn the Ruby Fire palette into a CSS gradient?

Use background: linear-gradient(to right, #4A0404, #7A0C0C, #B01111, #E32424, #FF5757);, or open it in the live gradient generator to customize it further.

Ruby Fire Color Palette

Deep ruby red blazing into a fiery bright red.

Make it a gradient →

Want to adjust the palette colors? Use the Color Palette Generator →

Colors

#4A0404

#7A0C0C

#B01111

#E32424

#FF5757

Contrast on Light & Dark Backgrounds

Hex	On White	On Black
#4A0404	T -	T -
#7A0C0C	T -	T -
#B01111	T -	T -
#E32424	T -	T -
#FF5757	T -	T -

Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.

Ruby Fire CSS Code

#4A0404
#7A0C0C
#B01111
#E32424
#FF5757

rgba(74, 4, 4, 1.0)
rgba(122, 12, 12, 1.0)
rgba(176, 17, 17, 1.0)
rgba(227, 36, 36, 1.0)
rgba(255, 87, 87, 1.0)

hsla(0, 90%, 15%, 1.0)
hsla(0, 82%, 26%, 1.0)
hsla(0, 82%, 38%, 1.0)
hsla(0, 77%, 52%, 1.0)
hsla(0, 100%, 67%, 1.0)

oklch(26.16% 0.1007 27.92)
oklch(37.09% 0.1423 27.84)
oklch(48.18% 0.1887 28.25)
oklch(58.85% 0.2226 27.58)
oklch(68.46% 0.2042 24.28)

The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →

Similar Palettes

More Color Palettes

FAQ

What colors are in the Ruby Fire palette?