Red color

Scarlet #FF2400

#FF2400 · rgb(255, 36, 0)

Scarlet is the color #FF2400. In RGB it is rgb(255, 36, 0) — 100% red, 14% green and 0% blue. Its CMYK breakdown is 0% cyan, 86% magenta, 100% yellow and 0% black, and in HSL it sits at 8° hue, 100% saturation and 50% lightness. Scarlet is not a standard CSS color name; the nearest web color is Red (#FF0000). The closest web-safe color is #FF3300.

Open in color picker Convert Make a palette Check contrast

Scarlet color codes

Hex#FF2400

RGBrgb(255, 36, 0)

RGB %100%, 14%, 0%

HSLhsl(8, 100%, 50%)

HSV / HSBhsv(8, 100%, 100%)

CMYKcmyk(0%, 86%, 100%, 0%)

OKLCHoklch(64% 0.248 31)

Closest web-safe#FF3300

Scarlet color meaning

Scarlet is a bold and energetic red — a warm color at 50% lightness and 100% saturation. Like other reds, it is linked with energy, passion and urgency. It raises the pulse — which is why it is used for sale signs, warnings and anything that has to be noticed first.

Because it is bold and energetic, scarlet works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (3.8:1), so use it for fills and backgrounds and put black text on top (5.5:1).

What colors go with Scarlet?

Scarlet pairs well with Baby Blue, Rose, Orange and Linen: Baby Blue sits close to its opposite on the color wheel for strong contrast, Rose and Orange are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around scarlet in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Scarlet at a glance

Color family	Red · warm, bold and energetic
CSS color name	No — nearest keyword is Red (#FF0000)
As text on white	3.82:1 — large text only
Best text on it	Black (5.50:1)
For print (CMYK)	0% cyan, 86% magenta, 100% yellow, 0% black
Full screen	Open the scarlet screen — fill your display or download it in 4K

Contrast

Contrast ratio of Scarlet against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.82:1 Black text — 5.50:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Scarlet

Scarlet color FAQ

What is the hex code for Scarlet?

Scarlet is #FF2400, which is rgb(255, 36, 0) and hsl(8, 100%, 50%). For print it is roughly C0 M86 Y100 K0.

What colors go with Scarlet?

Scarlet pairs well with Baby Blue, Rose, Orange, Linen. Baby Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Scarlet a warm or cool color?

Scarlet is a warm color: its hue is 8°, on the red, orange and yellow side of the color wheel.

What text color looks best on Scarlet?

Black text, with a contrast ratio of 5.5:1, which meets WCAG AA for normal text.